ajax執行失敗原因


先放一個標准的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:(可選)捕獲的錯誤對象


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM