jQuery ajax：请求失败时调用完成

Question

我正在尝试使用 Promise 同步我的 ajax 请求： 我当前的代码就是这么简单：

    var ajax = undefined;

    $.ajax({
                type: 'put',
                url: url,
                data: data,
                cache: false,
                successs: function () {

                },
                error: function () {

                }

            }).done(function () {
                alert('done');
            });

只要 ajax 调用成功（状态码 200），它就可以正常工作，但是当调用失败（例如，无效的 url）时，不再调用 done。 即使ajax请求失败，我如何执行完成=

斯蒂芬

Answer 1

几个选项供您选择：

在成功或失败时调用相同的函数。函数必须是匿名的和内联定义的，你可以用名字单独定义它们并相应地引用它们。

在您的 sn-p 中，您同时使用旧的 success（尽管末尾有一个额外的 s）和 error 和新的 done，它意味着您定义了两个不同的成功回调（success 和 done）。一个就够了。

这是一个使用success 和error 的示例，将null 传递给error 上的处理程序：

var ajax = undefined;

$.ajax({
    type:    'put',
    url:     url,
    data:    data,
    cache:   false,
    success: handler,
    error:   function() {
        handler(null);
    }
});

function handler() {
    alert("Done");
}

或者使用done和fail：

var ajax = undefined;

$.ajax({
    type:    'put',
    url:     url,
    data:    data,
    cache:   false
}).done(handler).fail(function() {
    handler(null);
});

function handler() {
    alert("Done");
}

交替（或组合）有complete 回调（您在选项中指定的那个）和always 回调（在done 和fail 样式中），无论成功或失败（成功或失败回调完成后）：

complete:

var ajax = undefined;

$.ajax({
    type:    'put',
    url:     url,
    data:    data,
    cache:   false,
    success: handler,
    error:   function() {
        handler(null);
    },
    complete: function() {
        alert("Always called (after success/error)");
    }
});

function handler() {
    alert("Done");
}

always:

var ajax = undefined;

$.ajax({
    type:    'put',
    url:     url,
    data:    data,
    cache:   false
}).done(handler).fail(function() {
    handler(null);
}).always(function() {
    alert("Always called (after done/fail)");
});

function handler() {
    alert("Done");
}

Answer 2

您可以使用complete 设置代替done 功能：

$.ajax({
    type: 'put',
    url: url,
    data: data,
    cache: false,
    successs: function () {

    },
    error: function () {

    }
    complete: function(jqXHR, textStatus) {
        alert("Done");

});

complete 函数在success 或error 之后执行。请查看jQuery ajax 文档了解更多详情。

如果您不关心实际的 success 和 error 回调，并且只想在调用完成后执行某些操作，而不管结果如何，则完全省略 success 和 error 设置。

Answer 3

没有必要完成

 $.ajax({
    type: 'post',
    url: url,
    data: data,
    cache: false,
    success: function () {
       alert('success');
    },
    error: function () {
       alert('error');
    },
    complete: function(){
       alert('complete');
    }
 });