Ajax 及其入门基础（2）

2012-11-07

Ajax 及其入门基础（二）注意Ajax本身是一种浏览器端技术，它和Web服务器端采用什么脚本书写代码是没有关系的

Ajax 及其入门基础（二）
注意Ajax本身是一种浏览器端技术，它和Web服务器端采用什么脚本书写代码是没有关系的。比如我们把Client.htm的语句send_request（‘server.php’， username）换为send_request（‘server.asp’， username），再相对应的建立server.asp文件，内容为：
<%
    dim username
    username = request(”username”)

    if username=”Thomas” then
     response.write(”用户名” & username & “已经被注册，请更换一个用户名”)
    else
     response.write(”用户名” & username & “尚未被使用，您可以继续”)
    end if
    %>

    做了这样的改变后，在浏览器端，用户看到的效果是一模一样的。

    四、常见Ajax编程框架

    既然上述Ajax框架已经能工作了，为什么还有那么多的框架呢？

    随着页面的复杂，可能需要书写大量的Javascript脚本来对页面中的DOM对象进行控制，工作量和复杂度会大大增加。Ajax编程框架通常利用面向对象的方法，对一些基本的对象和行为及其复杂性进行了合理的封装，建造了一套有自己特色的类库，并且考虑了效率和可扩充性等优点。我们在开发时，可以使用较少的、更清晰的代码，完成自己的工作。也使程序员有更多的时间和精力考虑业务逻辑本身，而不是与一堆脚本纠缠在一起。

    框架都是与后台脚本相关的。通过后台脚本编程，我们可以不必书写大量的Javascript脚本就能构建浏览器兼容的Ajax应用。比如，我使用一个比较流行的PHP xAjax框架，对前边的示例程序进行了改写： <?php
      require_once ("../xajax/xajax.inc.php");

      //服务器处理函数
      function processForm($aFormValues)
      {
       $objResponse = new xajaxResponse();
       $bError = false;

       //清空错误信息
       $objResponse->addClear("usernameInfo", "innerHTML");

       //判断账号
       if (trim($aFormValues['username']) == "")
       {
        $objResponse->addAppend("usernameInfo", "innerHTML", "Please Input user name.");
        $bError = true;
       }
       else
       {
          if(trim($aFormValues['username'])=="Thomas")
           $objResponse->addAppend("usernameInfo", "innerHTML", "Has been registed");
          else
           $objResponse->addAppend("usernameInfo", "innerHTML", "Has not been registed");
        $bError = false;
       }

       if (!$bError)
       {
        $sForm .="<div>账号：" .$aFormValues['username']. "</div>\n";
       }
       else
       {
        $objResponse->addAssign("submitButton", "value", "Submit");
        $objResponse->addAssign("submitButton", "disabled", false);
       }

       return $objResponse;
      }

      //构造对象
      $xajax = new xajax();

      //注册处理函数
      $xajax->registerFunction("processForm");

      //接管HTTP请求
      $xajax->processRequests();
    ?>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
      <?php
       //生成必要的JavaScript
       $xajax->printJavascript('../xajax/');
      ?>

      <title>XAJAX 用户注册</title>
      <style type="text/css">
        #formWrapper{ color: #111111; background-color: rgb(200,200,200); width: 360px;}
        #title{color: #FFFFFF; text-align: center; background-color: #000000; }
        #formDiv{ padding: 20px;}
        .submitDiv{ margin-top: 10px; text-align: center; }
        .errorSpan{ color:red;}
      </style>

      <script type="text/javascript">
      
      </script>

    </head>

    <body>

      <form id="signupForm" action="javascript:void(null);" onsubmit="submitSignup();">
      用户名：<input type="text" name="username" value=""> 
      <input type="button" name="check" value="Check Only one" onClick="submitSignup();">
      <input type="submit" id="submitButton" name="submit" value="Submit">
      </form>

      <div id="usernameInfo" class="errorSpan"> </div>

    </body>
    </html>

    大家看到了这段代码前边的包含语句了吧：require_once （"……/xajax/xajax.inc.php"）。xajax.inc.php就是定义xajax等相关类库的文件，这个文件里还包含了大量的javascript脚本文件和其他的常数定义等。Xajax类有一条自己的属性和方法，接管和封装了原始的Ajax的行为和方法，用于处理用户的事件和页面文档对象的属性和外观。

    Ajax框架有它自己的好处，但是，目前由于Ajax框架太多，各有各的优点和缺点，特别是对PHP语言，我们很难在众多的框架中选中一个最适合我们自己的项目的框架。框架太多加大了交流的成本。框架本身在降低了代码复杂度的同时，也带来了学习的成本。不像。NET，背靠财大气粗的公司，就一套程序库，一套通用的IDE，熟练一门语言（比如C#），就可以开发Web和桌面应用。

    最后还要注意一下，Ajax并不是万金油，任何项目都想用一下。Ajax目前大多数应用在数据校验等应用上，在项目中用的时候请慎重考虑。

热点排行