Ajax基础知识汇总

（一）XMLHttpRequest对象

1．创建XHR对象

        function createXHR() {
   
            if (typeof XMLHttpRequest != "undefined") {
                return new XMLHttpRequest();
            }else if(typeof ActiveXObject != undefined) {
                if (typeof arguments.callee.activeXString != "string") {
                    var versions = ["MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp"],
                        len, i;
                    for(i=0,len=versions.length; i<len; i++) {
                        try {
                            new ActiveXObject(versions[i]);
                            arguments.callee.activeXString = versions[i];
                            break;
                        }catch(ex) {
                            //...
                        }
                    }
                }
            return new ActiveXObject(arguments.callee.activeXString);
            } else {
                throw new Error("No XHR object available.");
            }
        }

2．XHR属性

（1）responseText
（2）responseXML
（3）status响应的HTTP状态
（4）statusText状态说明 不建议依赖此属性
（5）readyState属性

代码	意义
0	未初始化调用open
1	调用open未send
2	调用send未响应
3	接收到部分
4	完成

var xhr = createXHR();
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) {
        if((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
            console.log(xhr.responseText);
        }   else {
            console.log("Request was unsuccessful: " + xhr.status);
        }
    }
};
xhr.open("get", "main.php", false);
xhr.send(null);

（6）如果使用this对象，在有的浏览器中会导致函数执行失败，或者导致错误发生。因此，使用实际的XHR对象实例变量是较为可靠的一种方式。
（7）xhr.abort() 调用这个方法接收响应之前取消异步请求。 调用此方法，xhr对象会停止触发事件，而且不再允许访问任何与响应有关的对象属性。在终止请求之后，还应该对xhr对象进行解引用操作。 内存原因，不建议使用xhr对象。

3．HTTP头部

请求头部：
（1）Accept浏览器能够处理的内容类型
（2）Accept-Charset浏览器能够显示的字符集
（3）Accept-Encoding浏览器能够处理的压缩编码
（4）Accept-Language浏览器当前设置的语言
（5）Connection浏览器与服务器之间连接的类型
（6）Cookie当前页面设置的任何Cookie
（7）Host发出请求页面所在的域
（8）Referer**发