发生错误时未调用jQuery AJAX错误回调

Question

我目前正在尝试处理来自我的服务器的 HTTP 413: Request entity too large 错误。我所做的是这样的：

$.ajax({
    url: "submit.php",
    data: {
        "data": POSTData
    },
    success: function(response, statusText, XHR) {
        console.log(XHR.status + ": " + response);
        resolve(); // resolve the promise and continue on with execution
    },
    // Added this part:
    error: function(response, statusText, XHR) {
        if(XHR.status === 413) {
            // Request entity too large
            // To solve this we split the data we want to upload into several smaller partitions
            // and upload them sequentially

            console.log("Error 413: Request entity too large. Splitting the data into partitions...");

            // handling code below

            // blahblahblah
        }
    },
    method: "POST"
});

但是，我的控制台并没有触发错误回调，而是仍然抛出一个错误（它说是 413），就好像没有处理程序一样。如何实现此功能？

Answer 1

错误回调的方法签名错误。见http://api.jquery.com/jquery.ajax/

根据这些文档，正确的签名是： Function(jqXHR jqXHR, String textStatus, String errorThrown)

因此在您的情况下 XHR.status 不存在，因为您所谓的 XHR 实际上是一个字符串。

试试这个：

 error: function (jqXHR, textStatus, errorThrown) {
    if(jqXHR.status === 413) {
        // Request entity too large
        // To solve this we split the data we want to upload into several smaller partitions
        // and upload them sequentially

        console.log("Error 413: Request entity too large. Splitting the data into partitions...");

        // handling code below

        // blahblahblah
    }
},

我强烈怀疑错误回调 正在 被调用，但是因为您在 if 语句之外没有代码，所以您什么也看不到。

Answer 2

您只能在一个地方使用jQuery.ajaxSetup() 处理此类错误一次。这样您可以处理多个HTTP 413。

代码：

$(function() {
    $.ajaxSetup({
        error: function(jqXHR, exception) {
            if (jqXHR.status === 0) {
                console.log('Not connect.n Verify Network.');
            } else if (jqXHR.status == 404) {
                console.log('Requested page not found. [404]');
            } else if (jqXHR.status == 413) {
                console.log('Error [413]: Request entity too large. Splitting the data into partitions...');
            } else if (jqXHR.status == 500) {
                console.log('Internal Server Error [500].');
            } else if (exception === 'parsererror') {
                console.log('Requested JSON parse failed.');
            } else if (exception === 'timeout') {
                console.log('Time out error.');
            } else if (exception === 'abort') {
                console.log('Ajax request aborted.');
            } else {
                console.log('Uncaught Error.n' + jqXHR.responseText);
            }
        }
    });
});