JavaScript——AJAX

   1 XMLHttpRequest对象的创建

   IE5：xhr = new ActiveXObject("Microsoft.XMLHTTP);

   IE6+：xhr = new ActiveXObject("Msxml2.XMLHTTP);

   其他浏览器：xhr = new XMLHttpRequst();

   

   2 XMLHttpRequest对象的属性

   （1）onreadystatechange：声明事件监听函数，当readyState属性发生变化时调用；

   （2）readyState：0=未初始化；1=加载中；2=加载完毕；3=交互；4=完成

   （3）responseText：以文本的形式返回来的数据；

   （4）responseXML：已XML形式返回来的数据；

   （5）status：从服务器返回的HTTP状态码；

   （6）statusText：从服务器返回的HTPP状态文本信息。

 

   3 XMLHttpRequest对象的方法

   （1）abort();   终止当前请求；

   （2）getAllResponseHeaders();   以字符串形式返回所有头部信息；

   （3）getResponseHeader(param);   以字符串形式返回变量param的值；

   （4）open('method', 'url', 'asynch'); 声明HTTP请求的方法（GET或POST），请求的URL，以及是否异步（true或false）；

   （5）send(data);   发送数据

   （6）setRequestHeader('param', 'value'); 以键/值对形式设置header。

 

  一个示例：

var xhr = new window.XMLHttpRequest();
xhr.open('GET', 'http://www.webdeveasy.com', true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) {
        if (xhr.status === 200) {
            console.log('Success');
        }
    }
};
xhr.send();