親們支持我的新博客哦==》地址(以后更新會盡量在新博客更新,歡迎大家訪問加入我的后宮w)
(歡迎加群一起玩耍:575180837)
先放一個標准的jquery的ajax代碼:
$.ajax({
type: 'POST',
url: 'getSecondClassification',
data: {"sort2": sort2,"sort3":sort3)},
dataType: 'json',
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
:錯誤原因null
timeout error notmodified parsererror
errorThrown:(可選)捕獲的錯誤對象