狀態值與狀態碼的區別
ajax的狀態值指，運行ajax時，無論是成功還是失敗都要響應的步驟的幾種狀態。例如：尚未調用send()方法時的初始化前、正在發送請求、正在響應等，由ajax對象和服務器之間的交互所得。通過ajax.readyState獲得 0~4 范圍的一個狀態值。
ajax狀態碼是值，ajax無論請求是否成功，由HTTP協議根據所提交的信息，服務器返回的http頭信息代碼，通過ajax.state屬性來獲得。
ajax狀態值
ajax的 XMLHttpRequest 不是一次就完成的，而是經歷過多種狀態后獲取的結果。這些狀態分為5種：
0：(未初始化) 還沒有調用open()方法。
1：(啟動) 已經調用open()方法，但還沒有調用send()方法。
2：(發送) 已經調用send()方法，但還沒有接收到響應。
3：(接收) 已經接收到部分響應數據。
4：(完成) 已經接收到全部的響應數據，且可以在客戶端使用了。
ajax狀態碼
在HTTP1.1協議下，HTTP狀態碼總共可分為5大類：
1xx：請求收到，繼續處理
2xx：操作成功收到，分析、接受
3xx：完成此請求必須進一步處理
4xx：請求包含一個錯誤無法或不能完成
5xx：服務器執行一個完全有效請求失敗
狀態碼詳細說明：
100——客戶必須繼續發出請求
101——客戶要求服務器根據請求轉換HTTP協議版本
200——交易成功
201——提示知道新文件的URL
202——接受和處理、但處理未完成
203——返回信息不確定或不完整
204——請求收到，但返回信息為空
205——服務器完成了請求，用戶代理必須復位當前已經瀏覽過的文件
206——服務器已經完成了部分用戶的GET請求
300——請求的資源可在多處得到
301——刪除請求數據
302——在其他地址發現了請求數據
303——建議客戶訪問其他URL或訪問方式
304——客戶端已經執行了GET，但文件未變化
305——請求的資源必須從服務器指定的地址得到
306——前一版本HTTP中使用的代碼，現行版本中不再使用
307——申明請求的資源臨時性刪除
400——錯誤請求，如語法錯誤
401——請求授權失敗
402——保留有效ChargeTo頭響應
403——請求不允許
404——沒有發現文件、查詢或URl
405——用戶在Request-Line字段定義的方法不允許
406——根據用戶發送的Accept拖，請求資源不可訪問
407——類似401，用戶必須首先在代理服務器上得到授權
408——客戶端沒有在用戶指定的餓時間內完成請求
409——對當前資源狀態，請求不能完成
410——服務器上不再有此資源且無進一步的參考地址
411——服務器拒絕用戶定義的Content-Length屬性請求
412——一個或多個請求頭字段在當前請求中錯誤
413——請求的資源大於服務器允許的大小
414——請求的資源URL長於服務器允許的長度
415——請求資源不支持請求項目格式
416——請求中包含Range請求頭字段，在當前請求資源范圍內沒有range指示值，請求也不包含If-Range請求頭字段
417——服務器不滿足請求Expect頭字段指定的期望值，如果是代理服務器，可能是下一級服務器不能滿足請求
500——服務器產生內部錯誤
501——服務器不支持請求的函數
502——服務器暫時不可用，有時是為了防止發生系統過載
503——服務器過載或暫停維修
504——關口過載，服務器使用另一個關口或服務來響應用戶，等待時間設定值較長
505——服務器不支持或拒絕支請求頭中指定的HTTP版本
ajax請求代碼
var getXmlHttpRequest = function () {
try{
//主流瀏覽器提供了XMLHttpRequest對象
return new XMLHttpRequest();
}catch(e){
//低版本的IE瀏覽器沒有提供XMLHttpRequest對象，IE6以下
//所以必須使用IE瀏覽器的特定實現ActiveXObject
return new ActiveXObject("Microsoft.XMLHTTP");
}
};
var xhr = getXmlHttpRequest();
// readyState 0=>初始化 1=>載入 2=>載入完成 3=>解析 4=>完成
// console.log(xhr.readyState); 0
xhr.open("TYPE", "URL", true);
// console.log(xhr.readyState); 1
xhr.send();
// console.log(xhr.readyState); 1
xhr.onreadystatechange = function () {
// console.log(xhr.status); //HTTP狀態嗎
// console.log(xhr.readyState); 2 3 4
if(xhr.readyState === 4 && xhr.status === 200){
alert(xhr.responseText);
}
};
思考：為什么 onreadystatechange 函數的執行要同時判斷 readyState 和 status 呢?
- 只判斷 readyState
服務響應出錯了，但還是返回了信息。此時由於只做 readyState 判斷，它不理會 status 返回的結果是200、404還是500，只要響應成功返回了，就執行接下來的javascript代碼，結果會造成各種不可預料的錯誤，所以只判斷 readyState 是不對滴~ - 只判斷 status
服務響應的狀態碼為200，onreadystatechange函數總共執行了三次（可以使用ajax請求代碼自行檢驗），就是說onreadystatechange函數的執行不是只在readyState變為4的時候觸發，而是readyState（2、3、4）的每次變化都會觸發，由此可見單獨判斷 status 也是行不通的
由上得出結論，判斷 onreadystatechange 函數的執行 readyState 和 status 缺一不可。由試驗可知，readyState 的每次變化都會觸發 onreadystatechange 函數，若是先判斷 status，那么每次都會多判斷一次 status。兩者的判斷先后順序不會影響結果，但相對而言，優先判斷 readyState 可以對性能有微許的優化。
xhr.readyState === 4 && xhr.status === 200