1. 程式人生 > >ajax執行失敗原因

ajax執行失敗原因

如果 www not test 情況下 哪裏 err 類型 clas

ajax 跳入error的一些原因

先放一個標準的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 比如返回的是字符串 dataType: ‘json‘, 在服務器上,有時會出現問題,進入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:(可選)捕獲的錯誤對象

ajax執行失敗原因