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(); 终止请求
}