ajax error的原因有哪些

ajax error的原因：1、dataType型別錯誤；2、json格式錯誤；3、async請求同步非同步設定有問題；4、data引數值沒有設定；5、傳遞引數的編碼格式有問題；6、URL路徑中有中文等。

本教學操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。

一個標準的jquery的ajax程式碼:

$.ajax({
       　　type: 'POST',
       　　url: 'getSecondClassification',
       　　data: {"sort2": sort2,"sort3":sort3)},
       　　dataType: 'json',
　　//contentType:"utf-8",傳送請求的編碼方式
　　//contentType都是預設的值：application/x-www-form-urlencoded
 
　　contentType: 'application/json',
  data: JSON.stringify({a: [{b:1, a:1}]})
 
　　success: function (sort) {
　　　　$("#noneSelect").remove();
　　　　var optionstring = "";
　　　　for (var i in sort) {
               　　　　　　optionstring += "<option value=\"" + sort[i].classId + "\" >" + sort[i].className + "</option>";
           　　　　}
           　　　　$("#secondtype").html(optionstring);
　　　　$("#build").removeAttr("disabled");
　　},
　error: function (XMLHttpRequest, textStatus, errorThrown) {
　　　　//              $("#p_test").innerHTML = "there is something wrong!";
　　　　//                alert(XMLHttpRequest.status);
　　　　//                alert(XMLHttpRequest.readyState);
　　　　//                alert(textStatus);
       　　}
   });

出現任何錯誤都會跳到error函數裡

舉例說明一些錯誤原因：

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路徑問題

路徑不能有中文

用error偵錯錯誤資訊：

可以alert出來，檢視具體是哪裡出錯了

具體引數：

XMLHttpRequest：XMLHttpRequest.readyState: 狀態碼的意思
0 － （未初始化）還沒有呼叫send()方法
1 － （載入）已呼叫send()方法，正在傳送請求
2 － （載入完成）send()方法執行完成，已經接收到全部響應內容
3 － （互動）正在解析響應內容
4 － （完成）響應內容解析完成，可以在使用者端呼叫了

XMLHttpRequest：XMLHttpRequest.status:

textStatus：錯誤原因

errorThrown:（可選）捕獲的錯誤物件

【相關教學推薦：AJAX視訊教學】

以上就是ajax error的原因有哪些的詳細內容，更多請關注TW511.COM其它相關文章！