读《掌握 Ajax》之XMLHttpRequest

WEB 2.0
在不更新整个 HTML 页面的情况下发送和接收数据,让您的网站更酷！
所以我们需要她：AJAX，还有她：XMLHttpRequest：
先看几个方法和属性：

open()：建立到服务器的新请求。

send()：向服务器发送请求。

abort()：退出当前请求。

readyState：提供当前 HTML 的就绪状态。

responseText：服务器返回的请求响应文本

三个函数：
第一个：创建XMLHttpRequest 对象
第二个：建立请求 URL，打开，发送请求，指定回调方法
第三个：回调方法（改变用户界面、切换图像、解释服务器返回的数据。。。）

代码如下：

JS代码
 <script language="javascript" type="text/javascript">
       //一。创建XMLHttpRequest 对象 request
       var request = false;
       try {
         request = new XMLHttpRequest();
       } catch (trymicrosoft) {
         try {
           request = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (othermicrosoft) {
           try {
             request = new ActiveXObject("Microsoft.XMLHTTP");
           } catch (failed) {
             request = false;
           }  
         }
       }
       //二。建立请求 URL，打开，发送请求，指定回调方法
       function getCustomerInfo() {
         var phone = document.getElementById("phone").value;
         var url = "/process.aspx?phone=" + escape(phone);//建立请求 URL
         request.open("GET", url, true);//打开请求
         request.onreadystatechange = updatePage;//指定回调方法，特别提醒：指定回调方法要在send()之前
         request.send(null);//发送请求
       }
       //三。创建回调方法，发挥你的想象力去操纵页面吧！
       function updatePage() {
        if (request.readyState == 4) {
        if (request.status == 200) {
         var response = request.responseText.split("|");
         document.getElementById("a").value = response[0];
         document.getElementById("a").innerHTML =response[1];
       } else
         alert("status is " + request.status);
     }

       }
</script>