造成ajax error的原因有哪些

這篇文章將為大家詳細講解有關造成ajax error的原因有哪些，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

ajax error的原因：1、dataType類型錯誤；2、json格式錯誤；3、async請求同步異步設置有問題；4、data參數(shù)值沒有設置；5、傳遞參數(shù)的編碼格式有問題；6、URL路徑中有中文等。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

一個標準的jquery的ajax代碼:

$.ajax({
       　　type: 'POST',
       　　url: 'getSecondClassification',
       　　data: {"sort2": sort2,"sort3":sort3)},
       　　dataType: 'json',
　　//contentType:"utf-8",發(fā)送請求的編碼方式
　　//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);
       　　}
   });

出現(xiàn)任何錯誤都會跳到error函數(shù)里

舉例說明一些錯誤原因：

1. dataType錯誤

類型錯誤：后臺返回的dataType類型和前臺寫的不一致會跳入error

格式錯誤：jquery1.4之后對json的格式要求非常嚴格，json格式錯誤也會跳入error.{"test":1} 注意格式

有時，在不需要返回值的情況下，扔按模板格式，設置了dataType:"json",參數(shù)；這時候，ajax傳值正確時，出現(xiàn)200返回成功狀態(tài)下報錯的特殊情況。

2. async請求同步異步問題

async默認是true(異步請求),如果想一個Ajax執(zhí)行完后再執(zhí)行另一個Ajax, 需要把async=false

例如，你用post請求傳值到另一個頁面后臺，但是頁面一加載你的ajax就已經(jīng)執(zhí)行過了，傳值接收是在后臺才完成的，這時候就請求不到數(shù)據(jù)，所以可以考慮把ajax請求改為同步試試。

3. data不能不寫

data為空也一定要傳"{}"；不然返回的是xml格式的。并提示parsererror. data:"{}"

parsererror的異常和Header 類型也有關系。及編碼header('Content-type: text/html; charset=utf8');

4. 傳遞的參數(shù)

必須是ajax支持的編碼格式

5. URL路徑問題

路徑不能有中文

用error調試錯誤信息：

可以alert出來，查看具體是哪里出錯了

具體參數(shù)：

XMLHttpRequest：XMLHttpRequest.readyState: 狀態(tài)碼的意思
0 － （未初始化）還沒有調用send()方法
1 － （載入）已調用send()方法，正在發(fā)送請求
2 － （載入完成）send()方法執(zhí)行完成，已經(jīng)接收到全部響應內容
3 － （交互）正在解析響應內容
4 － （完成）響應內容解析完成，可以在客戶端調用了

XMLHttpRequest：XMLHttpRequest.status:

textStatus：錯誤原因

errorThrown:（可選）捕獲的錯誤對象

關于“造成ajax error的原因有哪些”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。