前端調錯（一）---ajax返回數據成功，卻進入error方法

 

前端調錯（一）---ajax返回數據成功，卻進入error方法

 

         今天同事在調ajax的時候遇到了一個問題，明明ajax成功的返回了數據，但是每次執行的時候都進入error方法。

 

         那麼如何才能找到問題的原因呢？如下

 function loadPic(){
$.ajax({
            url: "courseRotation/loadPic",
            async: false,
            dataType: "json",
            data: {
            courseId:$("#courseId").val(), 
            },
            success: function (data) {
                   alert(data);
error:function(data, XMLHttpRequest, textStatus, errorThrown){
alert(data);
         alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
}
        });
}

         通過error裏面的處理能夠將錯誤信息，以及傳回的信息都顯示出來。如下圖

        

         同時錯誤原因是數據類型錯誤，改成“text”之後就沒有問題了。寫這篇博客主要是想告訴大家以後出現類似的錯誤如何快速的定位錯誤，並有針對的去解決錯誤。