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的原因有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！