如何从 jQuery ajax 成功处理程序取消所有后续成功回调？

Question

我正在使用 jQuery 1.5.2，并且向 Ajax 请求注册了多个成功回调。在第一个成功回调中，我需要检查响应是否包含我需要的所有数据，如果没有，则取消所有后续成功回调。

注意：我无权访问服务器发送的标头。它始终发送 200 Success。

第二个注意事项：我不能只组合这两个回调。这是我在较大系统中遇到的问题的简化示例，该系统在代码中的不同位置注册回调。

如何取消后续的成功回调？

一些示例代码如下所示（jsfiddle）：

var request = $.ajax({
    url: '/echo/json'
});

// First success handler
request.done(function(data, textStatus, jqXHR) {
    console.log('first', jqXHR);
    if ($.isEmptyObject(data)) {
        // I want to cancel the second success handler here!

    }
});

// Second success handler
request.done(function(data, textStatus, jqXHR) {
    console.log('second', jqXHR);
});

谢谢！

Answer 1

在回调函数中，您应该做的第一件事是检查状态变量（或“标志”），该变量将通知函数在当前情况下是否可以执行。

不想再执行回调？将标志设置为某个值，如果该标志在执行时具有该特定值，则让回调函数立即返回。

或者您可以决定仅运行 XX 回调而不再运行，或者只是暂停它们。

如果您建立这样的系统，您可以从一个位置控制具有多个异步回调的大型 Web 应用程序的行为，它将为您提供很多灵活性和选项。

为了帮助您完成此任务，您可以使用一个充当调度程序的函数。每次您想要更改回调的行为时，此函数将用作回调函数。您将传递正常的回调函数作为参数进行调用，然后调度程序将检查正确的条件，然后决定是否继续正常的回调。

这样您就不需要检查回调函数内部的条件。它对于具有大量回调的大型应用程序特别有用。

Answer 2

只是合并。

// Success handler
request.done(function(data, textStatus, jqXHR) {
    console.log('first', jqXHR);
    if ($.isEmptyObject(data)) {
        return;
    }
    else {
        console.log('second', jqXHR);
    }
});

---

或者试试这个：

var request = $.ajax({
    url: '/echo/json'
});
second = true;
// First success handler
request.done(function(data, textStatus, jqXHR) {
    console.log('first', jqXHR);
    if ($.isEmptyObject(data)) {
        second = false;
    }
});

// Second success handler
request.done(function(data, textStatus, jqXHR) {
    if(second)
        console.log('second', jqXHR);
});

小提琴： http://jsfiddle.net/maniator/zGvPW/3/