AJAX

基于web技术创建的,能以更少的响应时间带来更加丰富的用户体验的一类web应用程序所使用的技术的集合。

对于典型的Ajax应用程序,用户无需在不同的页面中切换,只要停留在一个页面中,由XMLHttpRequest对象从服务器取得数据,然后由JavaScript操作页面上的元素更新其中内容,windows live 和google map都是一个很好的例子,这个操作过程就在一个页面中完成,而不是从一个页面到另一个页面。

在前台实例一个xmlhttprequest对象如下:

function CreatXmlhttp() {
           var xmlhttp;
           if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
               xmlhttp = new XMLHttpRequest();
           }
           else {// code for IE6, IE5
               xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
           }
           return xmlhttp;
       }

创建服务端的CGI的URL:

var url="default.aspx?usename="+tbUsername.value;

然后调用XMLHttpRequest对象的open方法,建立于服务器的连接:

xmlhttp.open("GET",url,true);

指定异步调用函数为callBack_CheckUsername();

xmlhttp.onreadystatchage=callBack_CheckUsername;

最后发送请求:

xmlhttp.send(null);

当请求到达服务器时,服务器就可以检查,并返回结果,例如

protected void Page_Load(object sender,EventArgs e)

{

  ......

     response.clear();

  //异步返回的内容

     response.write("...");

  //清空

     response.flush();

}

当客户端XMLHttpRequest对象收到服务器的响应时,callBack_CheckUsername()回调函数将被调用,如:

function callBack_CheckUsername()

{

    if(xmlhttp.readyState==4)

     {

    //返回的内容

         var content=xmlhttp.responseText;

    //将返回的内容作响应的处理

         checkresult.innerHTML= ....;  如  function(content)后返回,或者直接判断

      }

}

待续。。

posted @ 2012-12-24 10:00  满嘴树枝的味道  阅读(141)  评论(0)    收藏  举报