先放一個標準的jquery的ajax代碼:html
$.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函數裏jquery
舉例說明一些錯誤緣由:ajax
1. dataType錯誤json
類型錯誤:後臺返回的dataType類型和前臺寫的不一致會跳入error 好比返回的是字符串 dataType: 'json', 在服務器上,有時會出現問題,進入error服務器
格式錯誤:jquery1.4以後對json的格式要求很是嚴格,json格式錯誤也會跳入error.{"test":1} 注意格式異步
有時,在不須要返回值的狀況下,扔按模板格式,設置了dataType:"json",參數;這時候,ajax傳值正確時,出現200返回成功狀態下報錯的特殊狀況。async
2. async請求同步異步問題函數
async默認是true(異步請求),若是想一個Ajax執行完後再執行另外一個Ajax, 須要把async=falsepost
例如,你用post請求傳值到另外一個頁面後臺,可是頁面一加載你的ajax就已經執行過了,傳值接收是在後臺才完成的,這時候就請求不到數據,因此能夠考慮把ajax請求改成同步試試。ui
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:
:錯誤緣由
errorThrown:textStatusnulltimeout error notmodified parsererror
(可選)捕獲的錯誤對象