jquery ajax忽略500状态错误

Question

我正在向 App Engine 应用程序发出一些 GET 请求，并在 Chrome 中进行测试。虽然我可以在 javascript 控制台中看到某些调用导致 500 服务器错误，但我似乎无法在 jQuery 代码中找到捕获此错误的方法，尽管阅读了许多类似的 SO 线程。我知道它表明服务器端错误，但我仍然希望能够从我的 JavaScript 捕获这样的错误。

我需要捕获错误，以便可以计算响应的数量（成功或失败），并在收到所有调用响应时触发另一个函数。

Chrome 控制台输出：

GET http://myapp.com/api?callback=jQuery12345&params=restOfParams 500 (Internal Server Error)

我的电话：

  function makeCall() {
    var count = 0;
    var alldata = $('#inputset').val();
    var rows = alldata.split('\n');
    var countmatch = rows.length;
    for (i=0;i<rows.length;i++) {
      data["param"] = rows[i]["val"];
      $.ajax({
              url: apiUrl,
              type: 'GET',
              data: data,
              dataType: 'jsonp',
              error: function(){
                  alert('Error loading document');
                  count +=1;
              },
              success: function(responseJson) {
                            count +=1;
                            var res = responseJson.results;
                            if (count == countmatch) {
                              allDoneCallback(res);
                            }
                        },
             });
    }
}

我已尝试以下一些操作：
添加：

statusCode: {500: function() {alert('err');}}

到通话中。

使用：

  $().ready(function(){
     $.ajaxSetup({
       error:function(x,e) {
             if(x.status==500) {
               alert('Internel Server Error.');
             }
           }
      });
   });

有人对我如何捕获 500 响应有建议吗？

谢谢 Oli

更新：

根据响应，我的 jquery 代码似乎是正确的，但由于某种原因，它只能捕获从我的应用程序收到的某些 500 个响应。这可能是 App Engine 如何返回错误的问题（我对此了解不多），或者 jquery 如何使用 jsonp 处理错误 - 这一点在 这篇文章。

我通过使用 jquery-isonp 来实现此功能，它捕获了应用程序抛出的所有 500 状态。

Answer 1

看起来您没有正确使用 jQuery 的 document.ready 绑定。 $().ready(...) 版本或多或少已被弃用。请尝试其中一种：

$(document).ready(function() {
    $.ajaxSetup({
        error: function(x, e) {
            if (x.status == 500) {
                alert('Internel Server Error.');
            }
        }
    });
});

或简写：

$(function() {
    $.ajaxSetup({
        error: function(x, e) {
            if (x.status == 500) {
                alert('Internel Server Error.');
            }
        }
    });
});

Answer 2

通过将 jQuery 从 1.9.1 升级到 2.1.1 解决了这个问题 - 现在它开始在服务器响应上调用 .error() （之前它会忽略 500 响应并等待超时结束） 。

限制：jQuery 2.1.1 不支持 IE8 及更低版本（IMO 不应该支持）

Answer 3

我有一个类似的问题，我正在使用 jquery 的 Promise 函数 .done、.fail、.always，如果我遇到 500 内部服务器错误，那么它不会触发任何函数（done、fail、always、error）。很奇怪。

最后，我在 .ajax 选项中添加了一个超时，当它达到超时时，它会抛出一个错误并运行 .fail 方法。

searchify.myAjaxSearchTerms = $.ajax({
                        'url': url,
                        type: "GET",
                        'dataType': 'jsonp',
                        'jsonp': 'json.wrf',
                        'jsonpCallback': searchify.cbFunc,
                        timeout: 4000, //needed for 500 errors - will go to fail block on timeout
                        beforeSend: searchify.beforeSendAutocomplete

                    });
searchify.myAjaxSearchTerms.fail(function(XHR, status, error){
                        searchify.clearForm();
                        searchify.renderWarningForNoQuery('<div class="notify-bubble"><span class="icon" data-icon="8" aria-hidden="true"></span><span>Sorry. We had a problem performing that search...<br/>Please try again<br/>Enter a <strong>product name</strong>, <strong>catalogue number</strong> or <strong>keyword</strong></span></div>');
                    });