ajax互動過程中跳出error的原因
阿新 • • 發佈:2019-02-05
<pre name="code" class="html">$.ajax({ url:'list.php', dataType: "json", <span style="color:#ff0000;">data:"{}",</span> type: "get", success:function(json){ var list = json["data"]; $(list).each(function(index) { var pattern = /^((https|http)?:\/\/)[^\s]+[.](jpg|png|gif)$/;//容錯處理,防止圖片地址錯誤 var clone_module = null; var val = list[index]["host_user"];// var picture=val["big_profile"];//誰也不想看到URL編碼的字串吧。。。decodeURIComponent() var name=val["name"]; var sex=val["sex"]; var description=val["description"]; if(pattern.test(picture)){ $('#live-item .Img').attr("src",picture); $('#live-item .num').text(list[index]["user_count"]); $('#live-item .live-desc').text(description); clone_module = $('#live-item').clone(); clone_module.attr('id','live-item'+index); $('#live-items').append(clone_module.removeAttr('style')); } }); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert(XMLHttpRequest.status); alert(XMLHttpRequest.readyState); alert(textStatus); } });
1. dataType錯誤
型別錯誤:後臺返回的dataType型別和前臺寫的不一致會跳入error
格式錯誤:jquery1.4之後對json的格式要求非常嚴格,json格式錯誤也會跳入error.{"test":1} 注意格式
有時,在不需要返回值的情況下,扔按模板格式,設定了dataType:"json",引數;這時候,ajax傳值正確時,出現200返回成功狀態下報錯的特殊情況。
2. async請求同步非同步問題
async預設是true(非同步請求),如果想一個Ajax執行完後再執行另一個Ajax, 需要把async=false
例如,你用post請求傳值到另一個頁面後臺,但是頁面一載入你的ajax就已經執行過了,傳值接收是在後臺才完成的,這時候就請求不到資料,所以可以考慮把ajax請求改為同步試試。
3. data不能不寫
data為空也一定要傳"{}";不然返回的是xml格式的。並提示parsererror. data:"{}"
parsererror的異常和Header 型別也有關係。及編碼header('Content-type: text/html; charset=utf8');
4. 傳遞的引數
必須是ajax支援的編碼格式
5. URL路徑問題
路徑不能有中文
原文地址點選開啟連結