jQuery＆Ajax：捕捉500

Question

我有這個jQuery代碼發送表單提交Ajax請求。我的問題是我不能使用該代碼捕獲超時錯誤。當我自己發送一個500響應時，它正在工作，但如果我得到一個超時，然後在控制檯中看到500，但沒有任何反應，錯誤回調不會執行。相反，我得到：

SyntaxError: syntax error

就行了：

$(document).ready(function(){

下面是完整的代碼：

$(document).ready(function(){ 
    $('body').on('submit', 'form#myForm', function(){ 
     $.ajax({ 
      type: "POST", 
      url: $(this).attr('action'), 
      data: $(this).serialize(), 
      dataType: 'json', 
      success: function(data, textStatus, jqXHR){ 
       alert('success!'); 
      }, 
      error: function(jqXHR, textStatus, errorThrown){ 
       alert('error!'); 
      } 
     }); 
     return false;  
    }); 
}); 

Answer 1

這可能不是你要找的答案，但你可以設置ajax查詢的超時時間與您的服務器匹配，或稍微少一點，並將其捕獲，然後檢查textStatus。

$.ajax({ 
    type: "POST", 
    url: $(this).attr('action'), 
    data: $(this).serialize(), 
    dataType: 'json', 
    timeout: 3000, //3 Seconds 
    success: function (data, textStatus, jqXHR) { 
     alert('success!'); 
    }, 
    error: function (jqXHR, textStatus, errorThrown) { 
     if (textStatus == 'timeout') { 
      alert('Failed from timeout'); 
      //do something. 
     } 
    } 
}); 

Answer 2

有趣的是，服務器拋出500和「錯誤」回調沒有被調用。爲了進一步調查這個問題添加一個「完整」的回調Ajax調用和超時值：

$.ajax({ 
     type: "POST", 
     url: $(this).attr('action'), 
     data: $(this).serialize(), 
     dataType: 'json', 
     timeout: 5000, 
     success: function(data, textStatus, jqXHR){ 
      alert('success!'); 
     }, 
     error: function(jqXHR, textStatus, errorThrown){ 
      alert('error!'); 
     }, 
     complete: function(jqXHR, textStatus){ 
      alert(textStatus); // this could be 'timeout' 
     } 
    }); 

完整的回調請求完成後調用; 「成功」和「錯誤」之後。完整回調的textStatus參數將是一個字符串，用於分類請求的狀態（「成功」，「未修改」，「錯誤」，「超時」，「中止」或「parsererror」）。見documentation。這應該給我們一些進一步的信息，說明jquery對請求做了什麼。