Ajax犯的錯誤處理方法
1， ajax 發(fā)送請求時狀態(tài)判斷 if else 語句問題。
var xhr = new XMLHttpRequest();
xhr.open("get",strUrl);<br>
<br>xhr.onreadystatechange = function(){
<br><br>
if(xhr.readyState === 4){
<br><br><em id="__mceDel">
if(xhr.status ===200){
console.log(xhr.responseText);
}
<br><br></em><em style="line-height: 1.5;" id="__mceDel">
<em id="__mceDel"><em id="__mceDel"><em id="__mceDel">
}else </em></em></em></em><em style="line-height: 1.5;" id="__mceDel"><em id="__mceDel"><em id="__mceDel">
<em id="__mceDel"><em id="__mceDel">{<br>
console.log(xhr.status); }
<br> }</em></em></em></em></em>
xhr.send();
當(dāng)時輸出了兩個200 的狀態(tài)碼，然后才輸出xhr.responseText, 獲取到的內(nèi)容。 當(dāng)時很奇怪，不知道這兩個200 是怎么來的？
當(dāng)時嘗試輸出不少內(nèi)容，但還是找不到原因。 只有到把else 語句中改為 console.log(xhr.readystate)才發(fā)現(xiàn)了問題，這時輸出結(jié)查依次是2，3，獲取到的內(nèi)容。 這時才發(fā)現(xiàn)原因：
xhr 發(fā)送請求到請求結(jié)束，會經(jīng)過5種狀態(tài)，狀態(tài)碼依次是0，1，2，3，4（就是readystate 的值），狀態(tài)每發(fā)生改變一次，就會觸發(fā)readystatechange事件，調(diào)用事件處理函數(shù)。 當(dāng) 狀態(tài)碼是變化到2時，它調(diào)用readystatechange 事件，然后走 if/else 語句，
這是 readystate 顯然不是4，然后走else 語句 輸出 2. 以此類推，3，4 的時候再調(diào)用readystatechange 事件， 只有4 時才走if 里面的內(nèi)容，請求成功，返回請求內(nèi)容。
以上所述是小編給大家介紹的Ajax犯的錯誤處理方法,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
- 詳解ajax的data參數(shù)錯誤導(dǎo)致頁面崩潰
- 快速解決ajax請求出錯狀態(tài)碼為0的問題
- PHP 中使用ajax時一些常見錯誤總結(jié)整理
- 完美解決ajax跨域請求下parsererror的錯誤
- ajax跨域訪問報錯501的解決方法
- jQuery中ajax錯誤調(diào)試分析
- Ajax向后臺傳json格式的數(shù)據(jù)出現(xiàn)415錯誤的原因分析及解決方法
- js ajaxfileupload.js上傳報錯的解決方法
- 解決ajax返回驗證的時候總是彈出error錯誤的方法
- Jquery Ajax Error 調(diào)試錯誤的技巧
- django使用ajax post數(shù)據(jù)出現(xiàn)403錯誤如何解決
- Ajax報錯400的參考解決辦法
相關(guān)文章
二級聯(lián)動菜單,一個多么方便且實用的用戶交互功能，有需求的朋友可以參考下本文，或許對你的菜單知識深入學(xué)習(xí)有幫助，好了，閑話不多說，看代碼吧2013-01-01
Razor功能非常強大，但是本身并不能做到無刷新，所以需要配合ajax使用。本文通過一個例子給大家介紹使用Ajax局部更新Razor頁面，需要的朋友參考下吧2017-09-09
Ajax與JSON的一些學(xué)習(xí)總結(jié)
Ajax技術(shù)的核心是XMLHttpRequest對象（簡稱XHR），可以通過使用XHR對象獲取到服務(wù)器的數(shù)據(jù)，然后再通過DOM將數(shù)據(jù)插入到頁面中呈現(xiàn)。雖然名字中包含XML，但Ajax通訊與數(shù)據(jù)格式無關(guān)，所以我們的數(shù)據(jù)格式可以是XML或JSON等格式2012-08-08
跨域問題是我們在開發(fā)中經(jīng)常會遇到的一個需求，下面這篇文章主要給大家介紹了關(guān)于ajax和jsonp跨域的原理本質(zhì)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-11-11
Ajax留言本源碼 提供下載了...2007-08-08
這篇文章主要為大家分享了Ajax創(chuàng)建簡單實例代碼，學(xué)習(xí)Ajax如何創(chuàng)建簡單實例，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了json格式的Ajax提交，需要引入一些jar包及js包，示例代碼如下2014-08-08
Ajax疊加(Ajax返回數(shù)據(jù)用Ajax發(fā)出)示例代碼
把參數(shù)用Ajax發(fā)送到數(shù)據(jù)庫進(jìn)行查詢?nèi)缓笥肁jax將數(shù)據(jù)發(fā)送到數(shù)據(jù)庫簽到表，于是有了下面的代碼，感興趣的朋友可以了解下，希望對大家學(xué)習(xí)ajax有所幫助2013-08-08
Ajax創(chuàng)建XMLHttp對象的完美兼容性代碼
Ajax創(chuàng)建XMLHttp對象的完美兼容性代碼，需要的朋友可以參考下。2011-11-11
最近學(xué)習(xí)js，肯定會學(xué)到ajax中的東西，所以，看到比較好的ajax函數(shù)，免不得要貼出來，供大家參考。這個函數(shù)摘錄自john resig的書中。2009-09-09