AJAX - onreadystatechange 事件

　當發(fā)送一個請求后，客戶端需要確定這個請求什么時候會完成，因此，XMLHttpRequest對象提供了onreadystatechange事件機制來捕獲請求的狀態(tài)，繼而實現(xiàn)響應。

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

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

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

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

readyState狀態(tài)說明

　0：請求未初始化

　此階段確認XMLHttpRequest對象是否創(chuàng)建，并為調用open()方法進行未初始化作好準備，值為0表示對象已經存在，否則瀏覽器會報錯：對象不存在。

　1：服務器連接已建立

　此階段對XMLHttpRequest對象進行初始化，即調用open()方法，根據(jù)參數(shù)（method,url,true）完成對象狀態(tài)的設置。并調用send()方法開始向服務端發(fā)送請求。

　值為1表示正在向服務端發(fā)送請求。

　2：請求已接收

　此階段接收服務器端的響應數(shù)據(jù)。但獲得的還只是服務端響應的原始數(shù)據(jù)，并不能直接在客戶端使用。

　值為2表示已經接收完全部響應數(shù)據(jù)，并為下一階段對數(shù)據(jù)解析作好準備。

　3：請求處理中

　此階段解析接收到的服務器端響應數(shù)據(jù)即根據(jù)服務器端響應頭部返回的MIME類型把數(shù)據(jù)轉換成能通過responseBody，responseText或responseXML的屬性存取的格式，為在客戶端調用作好準備。

　狀態(tài)3表示正在解析數(shù)據(jù)。

　4：請求已完成，且響應已就緒

　此階段確認全部數(shù)據(jù)都已經解析為客戶端可用的格式，解析已經完成。值為4表示數(shù)據(jù)解析完畢，可以通過的XMLHttpRequest對象的屬性取得數(shù)據(jù)。

　概而括之，整個XMLHttpRequest對象的生命周期應該包含如下階段：

1. 創(chuàng)建
   
2. 初始化請求
   
3. 發(fā)送請求
   
4. 接收數(shù)據(jù)
   
5. 解析數(shù)據(jù)
   
6. 完成
   

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

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

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

　提示：XHR.readyState狀態(tài)的變化如下：

• 0：請求未初始化，還沒有調用 open()。
  
• 1：請求已經建立，但是還沒有發(fā)送，還沒有調用 send()。 
  
• 2：請求已發(fā)送，正在處理中（通常現(xiàn)在可以從響應中獲取內容頭）。 
  
• 3：請求在處理中；通常響應中已有部分數(shù)據(jù)可用了，沒有全部完成。 
  
• 4：響應已完成；您可以獲取并使用服務器的響應了。
  

使用回調函數(shù)

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

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

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

　在接下來的一個章節(jié)中，你將學習到與AJAX ASP/PHP相關的知識！

相關文章

　HTTP狀態(tài)碼