首頁 > web前端 > js教程 > 使用Ajax時有哪些常見錯誤

使用Ajax時有哪些常見錯誤

php中世界最好的语言
發布: 2018-04-03 14:56:57
原創
1211 人瀏覽過

這次帶給大家使用Ajax時有哪些常見錯誤,處理Ajax的常見錯誤注意事項有哪些,下面就是實戰案例,一起來看一下。

1, ajax 發送請求時狀態判斷 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();
登入後複製

  當時輸出了兩個200 的狀態碼,然後才輸出xhr.responseText, 取得到的內容。 當時很奇怪,不知道這兩個200 是怎麼來的?

  當時嘗試輸出不少內容,但還是找不到原因。 只有到把else 語句中改為 console.log(xhr.readystate)才發現了問題,這時輸出結查依序是2,3,取得到的內容。 這時才發現原因:

  xhr 發送請求到請求結束,會經過5種狀態,狀態碼依序是0,1,2,3,4(就是readystate 的值),狀態每發生改變一次,就會觸發readystatechange事件,呼叫事件處理函數。 當狀態碼變化到2時,它呼叫readystatechange 事件,然後走if/else 語句,

這是readystate 顯然不是4,然後走else 語句輸出2. 以此類推,3,4 的時候再呼叫readystatechange 事件, 只有4 時才走if 裡面的內容,請求成功,回傳請求內容。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

ajax怎麼提交form表單與實作檔案上傳

#Ajax傳送json格式資料出現錯誤應如何處理

以上是使用Ajax時有哪些常見錯誤的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板