復制代碼 代碼如下:
<script>
var xhr = '';
function Ajax()
{
if(window.XMLHttpRequest)
{
var xhr = new XMLHttpRequest;//現代浏覽器
}else
{
var xhr = new ActiveXObject('Microsoft.XMLHTTP');//IE
}
}
Ajax();//1.獲取Ajax對象
xhr.onreadystatechange = function()
{
if(xhr.readyState == 4 && xhr.status == 200)
{
var data = xhr.responseText;//2.判斷狀態，接收數據(字符串形式)，後續操作
}
}
//xhr.open('請求方式', '請求地址', TRUE);//3.異步傳輸連接
//xhr.send([data]);//4.發送請求
xhr.open('GET', 'demo.php?name=weichen&sex=0', TRUE);
xhr.send();
/*
xhr.open('POST', 'demo.php', TRUE);
xhr.setResponseHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('name=weichen&sex=0');
*/
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(); 終止請求
}