XMLHttpRequest过程

    1. 创建对象
    2. 发送请求
    3. 服务器处理
    4. 输出结果到页面

    XHR 兼容IE判断，创建xhr对象

    1. // 1 创建xhr对象
    2. function createXHR() {
    3.   //ie,非IE判断
    4.   var xhr = null;
    5.   if (window.ActiveXObject) {
    6.     xhr = new ActiveXObject("Microsoft.XMLHTTP");
    7.   } else if (window.XMLHttpRequest) {
    8.     xhr = new XMLHttpRequest();
    9.   }
    10.   return xhr;
    11. }
    13. function ajax(url, data) {
    14.   // 1 先创建对象
    15.   var xhr = createXHR();
    17.   // 2 打开连接
    18.   xhr.open("GET", url, true); // 参数true表示异步执行
    20.   // 如果是POST方式，在打开连接，还要设置请求头信息
    21.   // xhr.open("POST",url,true);
    22.   // xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    24.   //状态改变时
    25.   xhr.onreadystatechange = function () {
    26.     //服务器准备状态和服务状态码分别是4，200
    27.     if (xhr.readyState == 4 && xhr.status == 200) {
    28.       //4 回调函数处理服务器返回的信息xhr.responseText对于html,json格式都可以，对于XML就是responseXML
    29.       return xhr.responseText;
    30.     }
    31.   };
    33.   // 3 发送请求
    34.   xhr.send(data);
    35. }