2015
10-13

XHR readyState

清華大佬耗費三個月吐血整理的幾百G的資源，免費分享！....>>>

AJAX - onreadystatechange 事件

onreadystatechange 事件

當請求被發(fā)送到服務(wù)器時，我們需要執(zhí)行一些基于響應(yīng)的任務(wù)。

每當 readyState 改變時，就會觸發(fā) onreadystatechange 事件。

readyState 屬性存有 XMLHttpRequest 的狀態(tài)信息。

下面是 XMLHttpRequest 對象的三個重要的屬性：

屬性 描述
onreadystatechange 存儲函數(shù)（或函數(shù)名），每當 readyState 屬性改變時，就會調(diào)用該函數(shù)。
readyState

存有 XMLHttpRequest 的狀態(tài)。從 0 到 4 發(fā)生變化。

  • 0: 請求未初始化
  • 1: 服務(wù)器連接已建立
  • 2: 請求已接收
  • 3: 請求處理中
  • 4: 請求已完成，且響應(yīng)已就緒
status 200: "OK"
404: 未找到頁面

在 onreadystatechange 事件中，我們規(guī)定當服務(wù)器響應(yīng)已做好被處理的準備時所執(zhí)行的任務(wù)。

當 readyState 等于 4 且狀態(tài)為 200 時，表示響應(yīng)已就緒：

實例

xmlhttp.onreadystatechange=function()
? {
? if (xmlhttp.readyState==4 && xmlhttp.status==200)
??? {
??? document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
??? }
? }

注意： onreadystatechange 事件被觸發(fā) 5 次（0 - 4），對應(yīng)著 readyState 的每個變化。

使用回調(diào)函數(shù)

回調(diào)函數(shù)是一種以參數(shù)形式傳遞給另一個函數(shù)的函數(shù)。

如果您的網(wǎng)站上存在多個 AJAX 任務(wù)，那么您應(yīng)該為創(chuàng)建 XMLHttpRequest 對象編寫一個標準的函數(shù)，并為每個 AJAX 任務(wù)調(diào)用該函數(shù)。

該函數(shù)調(diào)用應(yīng)該包含 URL 以及發(fā)生 onreadystatechange 事件時執(zhí)行的任務(wù)（每次調(diào)用可能不盡相同）：

實例

function myFunction()
{
loadXMLDoc("ajax_info.txt",function()
? {
? if (xmlhttp.readyState==4 && xmlhttp.status==200)
??? {
??? document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
??? }
? });
}



掃碼二維碼 獲取免費視頻學習資料

編程學習