Ajax核心技术代码

 1 　　/* @author weichen */
 2     var xhr = '';
 3     function Ajax()
 4     {
 5         if(window.XMLHttpRequest)
 6         {
 7                 var xhr = new XMLHttpRequest;//现代浏览器
 8         }else
 9         {
10                 var xhr = new ActiveXObject('Microsoft.XMLHTTP');//IE
11         }
12     }
13     Ajax();//1.获取Ajax对象
14 
15     xhr.onreadystatechange = function()
16     {
17         if(xhr.readyState == 4 && xhr.status == 200)
18         {
19             var data = xhr.responseText;//2.判断状态，接收数据(字符串形式)，后续操作
20         }
21     }
22 
23     //xhr.open('请求方式', '请求地址', TRUE);//3.异步传输连接
24     //xhr.send([data]);//4.发送请求
25 
26     xhr.open('GET', 'demo.php?name=weichen&sex=0', TRUE);
27     xhr.send();
28     
29     /*
30     xhr.open('POST', 'demo.php', TRUE);
31     xhr.setResponseHeader('Content-Type', 'application/x-www-form-urlencoded'); 
32     xhr.send('name=weichen&sex=0');  
33     */

XHR对象中的成员属性和成员方法

{

成员属性：
      status  　　　　　　　服务器响应的HTTP状态码（如200或404）
      statusText  　　　　　服务器响应的以字符串形式返回的HTTP状态码（ok或not found）
      readyState 　　　　　浏览器请求的状态码（0到4）
      responseText  　   　服务器响应的字符串格式的数据结果
      responseXML  　　　　服务器响应的XML格式的数据结果
      onreadystatechange Ajax的请求事件（当readystate改变时调用的事件处理函数）
      onerror   　　　　　　请求过程中发生错误时调用的Mozilla的事件处理函数
      onprogress   　　　　内容加载后调用的mozilla的事件处理函数
      onload   　　　　　　文档加载完毕后调用的mozilla的事件处理函数
成员方法：
      setRequestHeader();  　　　　　　设置当前请求的header头信息（为即将发送到服务器端的消息头增加一个键/值对）
      open();  　　　　　　　　　　　　　建立一个新的请求连接（用GET、POST、URL等初始化XHR对象）
      send();  　　　　　　　　　　　　　发送一个请求（可能需要发送的数据）
      getResponseHeader("server");  　返回指定的HTTP头的值（如server或last-modified）
      getAllResponseHeaser();  　　　　返回由换行符分割开的所有HTTP头的字符串
      absort();  　　　　　　　　　　　　终止请求

}

Link：https://www.cnblogs.com/farwish/p/3740085.html