Ajax之readyState（狀態(tài)值）和status（狀態(tài)碼）的研究

oneasp 發(fā)布于2019-08-23 12:19 / 1199人閱讀

摘要：狀態(tài)值和狀態(tài)碼的區(qū)別，是指運行所經(jīng)歷過的幾種狀態(tài)，無論訪問是否成功都將響應(yīng)的步驟，可以理解成為運行步驟，使用獲得。

  var xhr = createXHR();
        xhr.onreadystatechange =function(){
            if (xhr.readyState==4) {
            if ((xhr.status>=200&&xhr.status<300)||xhr.status==304) {
            alert(xhr.responseText);
            }else {
            alert("Request was unsuccessful:"+xhr.status);
            }
          }
        };
        xhr.open("get","http://120.78.164.247:9999/user/findAll", false);
        xhr.send(null);

1.Ajax：readyState（狀態(tài)值）和status（狀態(tài)碼）的區(qū)別
readyState，是指運行Ajax所經(jīng)歷過的幾種狀態(tài)，無論訪問是否成功都將響應(yīng)的步驟，可以理解成為Ajax運行步驟，使用“ajax.readyState”獲得。
status，是指無論Ajax訪問是否成功，由http協(xié)議根據(jù)所提交的信息，服務(wù)器所返回的http頭信息代碼，使用“ajax.status”獲得。

總體理解：可以簡單的理解為state代表一個整體的狀態(tài)。而status是這個大的state下面具體的小的狀態(tài)。

2.什么是readyState
readyState是XMLHttpRequest對象的一個屬性，用來標識當(dāng)前XMLHttpRequest對象處于什么狀態(tài)。
readyState總共有5個狀態(tài)值，分別為0~4，每個值代表了不同的含義。

0：初始化，XMLHttpRequest對象還沒有完成初始化
1：載入，XMLHttpRequest對象開始發(fā)送請求
2：載入完成，XMLHttpRequest對象的請求發(fā)送完成
3：解析，XMLHttpRequest對象開始讀取服務(wù)器的響應(yīng)
4：完成，XMLHttpRequest對象讀取服務(wù)器響應(yīng)結(jié)束

3.什么是status
status是XMLHttpRequest對象的一個屬性，表示響應(yīng)的http狀態(tài)碼
在http1.1協(xié)議下，http狀態(tài)碼總共可分為5大類

1xx：信息響應(yīng)類，表示接收到請求并且繼續(xù)處理
2xx：處理成功響應(yīng)類，表示動作被成功接收、理解和接受
3xx：重定向響應(yīng)類，為了完成指定的動作，必須接受進一步處理
4xx：客戶端錯誤，客戶請求包含語法錯誤或者是不能正確執(zhí)行
5xx：服務(wù)端錯誤，服務(wù)器不能正確執(zhí)行一個正確的請求
 
100——客戶必須繼續(xù)發(fā)出請求
101——客戶要求服務(wù)器根據(jù)請求轉(zhuǎn)換HTTP協(xié)議版本
200——交易成功
201——提示知道新文件的URL
202——接受和處理、但處理未完成
203——返回信息不確定或不完整
204——請求收到，但返回信息為空
205——服務(wù)器完成了請求，用戶代理必須復(fù)位當(dāng)前已經(jīng)瀏覽過的文件
206——服務(wù)器已經(jīng)完成了部分用戶的GET請求
300——請求的資源可在多處得到
301——刪除請求數(shù)據(jù)
302——在其他地址發(fā)現(xiàn)了請求數(shù)據(jù)
303——建議客戶訪問其他URL或訪問方式
304——客戶端已經(jīng)執(zhí)行了GET，但文件未變化
305——請求的資源必須從服務(wù)器指定的地址得到
306——前一版本HTTP中使用的代碼，現(xiàn)行版本中不再使用
307——申明請求的資源臨時性刪除
400——錯誤請求，如語法錯誤
401——請求授權(quán)失敗
402——保留有效ChargeTo頭響應(yīng)
403——請求不允許
404——沒有發(fā)現(xiàn)文件、查詢或URl
405——用戶在Request-Line字段定義的方法不允許
406——根據(jù)用戶發(fā)送的Accept拖，請求資源不可訪問
407——類似401，用戶必須首先在代理服務(wù)器上得到授權(quán)
408——客戶端沒有在用戶指定的餓時間內(nèi)完成請求
409——對當(dāng)前資源狀態(tài)，請求不能完成
410——服務(wù)器上不再有此資源且無進一步的參考地址
411——服務(wù)器拒絕用戶定義的Content-Length屬性請求
412——一個或多個請求頭字段在當(dāng)前請求中錯誤
413——請求的資源大于服務(wù)器允許的大小
414——請求的資源URL長于服務(wù)器允許的長度
415——請求資源不支持請求項目格式
416——請求中包含Range請求頭字段，在當(dāng)前請求資源范圍內(nèi)沒有range指示值，請求也不包含If-Range請求頭字段
417——服務(wù)器不滿足請求Expect頭字段指定的期望值，如果是代理服務(wù)器，可能是下一級服務(wù)器不能滿足請求
500——服務(wù)器產(chǎn)生內(nèi)部錯誤
501——服務(wù)器不支持請求的函數(shù)
502——服務(wù)器暫時不可用，有時是為了防止發(fā)生系統(tǒng)過載
503——服務(wù)器過載或暫停維修
504——關(guān)口過載，服務(wù)器使用另一個關(guān)口或服務(wù)來響應(yīng)用戶，等待時間設(shè)定值較長
505——服務(wù)器不支持或拒絕支請求頭中指定的HTTP版本

思考問題：為什么onreadystatechange的函數(shù)實現(xiàn)要同時判斷readyState和status呢？

第一種思考方式：只使用readyState判斷

var xhr = createXHR();
        xhr.onreadystatechange =function(){
            if (xhr.readyState==4) {
            alert(xhr.responseText);
            }else {
            alert("Request was unsuccessful:"+xhr.status);
            }
        };
        xhr.open("get","http://120.78.164.247:9999/user/findAll", false);
        xhr.send(null);

服務(wù)響應(yīng)出錯了，但還是返回了信息，這并不是我們想要的結(jié)果。如果返回不是200，而是404或者500，由于只使用readystate做判斷，它不理會放回的結(jié)果是200、404還是500，只要響應(yīng)成功返回了，就執(zhí)行接下來的javascript代碼，結(jié)果將造成各種不可預(yù)料的錯誤。所以只使用readyState判斷是行不通的。

第二種思考方式：只使用status判斷

 var xhr = createXHR();
        xhr.onreadystatechange =function(){
            if ((xhr.status>=200&&xhr.status<300)||xhr.status==304) {
            alert(xhr.responseText);
            }else {
            alert("Request was unsuccessful:"+xhr.status);
            }
        };
        xhr.open("get","http://120.78.164.247:9999/user/findAll", false);
        xhr.send(null);

事實上，結(jié)果并不像預(yù)期那樣。響應(yīng)碼確實是返回了200，但是總共彈出了3次窗口！第一次是“readyState=2”的窗口，第二次是“readyState=3”的窗口，第三次是“readyState=4”的窗口。由此，可見onreadystatechange函數(shù)的執(zhí)行不是只在readyState變?yōu)?的時候觸發(fā)的，而是readyState（2、3、4）的每次變化都會觸發(fā)，所以就出現(xiàn)了前面說的那種情況?？梢?，多帶帶使用status判斷也是行不通的。

5.由上面的試驗，我們可以知道判斷的時候readyState和status缺一不可。那么readyState和status的先后判斷順序會不會有影響呢？我們可以將status調(diào)到前面先判斷。
事實上，這對于最終的結(jié)果是沒有影響的，但是中間的性能就不同了。由試驗我們知道，readyState的每次變化都會觸發(fā)onreadystatechange函數(shù)，假如先判斷status，那么每次都會多判斷一次status的狀態(tài)。雖然性能上影響甚微，不過還是應(yīng)該抱著追求極致代碼的想法，把readyState的判斷放在前面。
祝大家早日富可敵國，bye~

GPU云服務(wù)器云服務(wù)器 ajax狀態(tài)碼 readystate和status 狀態(tài)碼 ram狀態(tài)碼

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/98302.html

發(fā)表評論

登陸后可評論

0條評論

oneasp

男|高級講師

我要關(guān)注我要私信

TA的文章

銀行ATM存取款系統(tǒng)（C語言實現(xiàn)）

閱讀 2284·2021-11-23 09:51
超三分之一外部攻擊通過利用漏洞進行第三方軟件風(fēng)險顯著增加

閱讀 1073·2021-11-18 10:02
ZJI全新上架香港站群服務(wù)器,4C段238個IP月付1400元起

閱讀 3476·2021-10-13 09:49
asp虛擬主機是什么意思-asp木馬是什么意思？

閱讀 1308·2021-09-22 14:57
甲骨文申請，無需信用卡，有PayPal即可

閱讀 10787·2021-08-18 10:20
11種方法實現(xiàn)一個tips帶有描邊的小箭頭（更新中...）

閱讀 1215·2019-08-30 15:55
收到美企第一份offer，分享經(jīng)歷

閱讀 2264·2019-08-29 16:06
簡單的支持網(wǎng)頁畫框拖拽縮放功能的js插件

閱讀 3263·2019-08-29 11:14

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

Ajax之readyState（狀態(tài)值）和status（狀態(tài)碼）的研究

相關(guān)文章

Ajax

AJAX原理和實現(xiàn)方式

**JavaScript學(xué)習(xí)總結(jié)（七）Ajax和Http狀態(tài)字**

Ajax基礎(chǔ)知識梳理

Ajax 知識點的那些事

發(fā)表評論

0條評論

oneasp

男|高級講師

TA的文章

銀行ATM存取款系統(tǒng)（C語言實現(xiàn)）

超三分之一外部攻擊通過利用漏洞進行第三方軟件風(fēng)險顯著增加

ZJI全新上架香港站群服務(wù)器,4C段238個IP月付1400元起

asp虛擬主機是什么意思-asp木馬是什么意思？

甲骨文申請，無需信用卡，有PayPal即可

11種方法實現(xiàn)一個tips帶有描邊的小箭頭（更新中...）

收到美企第一份offer，分享經(jīng)歷

簡單的支持網(wǎng)頁畫框拖拽縮放功能的js插件

最新活動

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

Ajax之readyState（狀態(tài)值）和status（狀態(tài)碼）的研究

相關(guān)文章

發(fā)表評論

0條評論

男|高級講師

TA的文章

最新活動

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！