站長資訊網(wǎng)
ajax請求的狀態(tài)：1、“未初始化”，表示還沒有調(diào)用send()方法；2、“載入”，表示已調(diào)用send()方法，正在發(fā)送請求；3、“載入完成”；4、“交互”，表示正在解析響應內(nèi)容；5、“完成”，表示響應內(nèi)容解析完成，可以在客戶端調(diào)用了。
本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
原生ajax請求寫法：
var http = new XMLHttpRequest(); http.open('get','./package.json'); http.onreadystatechange = function () { if(http.readyState == 4 && http.status == 200) { var result = JSON.parse(http.responseText); console.log(result.name) } }; http.send();
ajax請求的5種狀態(tài)（readyState）
-
0 － （未初始化）還沒有調(diào)用send()方法
-
1 － （載入）已調(diào)用send()方法，正在發(fā)送請求
-
2 － （載入完成）send()方法執(zhí)行完成，已經(jīng)接收到全部響應內(nèi)容
-
3 － （交互）正在解析響應內(nèi)容
-
4 － （完成）響應內(nèi)容解析完成，可以在客戶端調(diào)用了
readyState 狀態(tài)說明
(0)未初始化
此階段確認XMLHttpRequest對象是否創(chuàng)建，并未調(diào)用open（）方法進行未初始化作好準備。值未0表示對象已經(jīng)存在，否則瀏覽器會報錯—對象不存在。
(1)載入
此階段對xml(標準化越來越近了)HttpRequest對象進行初始化，即調(diào)用open()方法，根據(jù)參數(shù)(method,url,true)完成對象狀態(tài)的設置。并調(diào)用send()方法開始向服務端發(fā)送請求。值為1表示正在向服務端發(fā)送請求。
(2)載入完成
此階段接收服務器端的響應數(shù)據(jù)。但獲得的還只是服務端響應的原始數(shù)據(jù)，并不能直接在客戶端使用。值為2表示已經(jīng)接收完全部響應數(shù)據(jù)。并為下一階段對數(shù)據(jù)解析作好準備。
(3)交互
此階段解析接收到的服務器端響應數(shù)據(jù)。即根據(jù)服務器端響應頭部返回的MIME類型把數(shù)據(jù)轉(zhuǎn)換成能通過responseBody、responseText或responsexml(標準化越來越近了)屬性存取的格式，為在客戶端調(diào)用作好準備。狀態(tài)3表示正在解析數(shù)據(jù)。
(4)完成
此階段確認全部數(shù)據(jù)都已經(jīng)解析為客戶端可用的格式，解析已經(jīng)完成。值為4表示數(shù)據(jù)解析完畢，可以通過xml(標準化越來越近了)HttpRequest對象的相應屬性取得數(shù)據(jù)。
【相關教程推薦：AJAX視頻教程】
