Ajax

第一步:创建XmlHttpRequest对象

注意：如果要兼容IE6以下浏览器则需要编写如下代码

        function createXHR(){
            var xhr;
          if(window.XMLRequest){
              xhr=new XMLRequestHttpRequest();  //IE7、IE8、360等
            }else{
            xhr=new ActiveXObject("Microsoft.XMLHTTP");//IE5、IE6
        }

第二步，使用XmlHttpRequest对象的open（）和send（）方法发送资源请求给服务器

使用XHR对象的时候，要调用的第一个方法是open(),它接受三个参数:

要发送的请求的类型('get','post'等)，请求的URL，表示是否异步发送请求的布尔值

（一）

          xhr.open(method,url,async);

method:GET或者POST请求方法

url:相对地址或者绝对地址

async:true或者false，默认是true,表示异步

调用open()方法并不会真正发送请求，而是启动一个请求以备发送

（二）

        xhr.send();  //使用get方法发送请求到服务器。
        xhr.send(string);  //使用post方法发送请求到服务器。

GET请求无参数，POST请求时一定要有参数

第三步，使用XmlHttpRequest对象的responseText或responseXML属性获得服务器的响应。

   document.getElementById("demo").innerHTML = xhr.responseText;

 

(1)responseText:获得字符串形式的响应数据

(2)responseXML:获得xml形式的响应数据

(3)status和statusText：以数字和文本形式返回Http转态码

(4)getAllResponseHeader():获得所以得响应报头

(5)getResponseHeader():查询响应中的某个字段的值

(6)readState属性

"0"：未初始化。尚未调用open()方法

"1"：启动。已经调用了open()方法，尚未调用send()方法

"2"：发送。已经调用了send()方法，但尚未接收到响应

"3"：接受。已经接收到部分数据

"4":完成。已经接受到全部的响应数据，而且已经可以在客户端使用了

第四步，onreadystatechange函数

        var xhr = createXHR();
        xhr.onreadystatechange = function() {
           if (xhr.readyState == 4 && xhr.status == 200) {
               document.getElementById("demo").innerHTML = xhr.responseText;
            }
        }
        xhr.open("GET", "ajax_info.txt", true);
        xhr.send();

xhr.status：响应状态码

200: "OK"

304：该资源在上次请求之后没有任何修改（这通常用于浏览器的缓存机制，使用GET请求时尤其需要注意）。

403   （禁止） 服务器拒绝请求。

404   （未找到） 服务器找不到请求的网页。

408  （请求超时） 服务器等候请求时发生超时。

500   （服务器内部错误）  服务器遇到错误，无法完成请求。