javascript - 在 JQUERY 中如何找到页面中的所有 ajax 调用都已完成？

Question

在 JQUERY 中如何找到页面中的所有 ajax 调用都已完成？

我想在所有 ajax 调用完成后执行一个方法。

Answer 1

根据文档，如果您正在运行多个请求并且想知道它们何时都完成，那么您正在寻找$.ajaxStop()，这是一个全局事件，并且“在所有 AJAX 请求完成时调用” 。

Answer 2

如果您知道通过在每次调用中增加一些变量来发送多少个 ajax调用。您可以在成功调用 ajax 时使用另一个变量来计算调用成功的次数。当两个变量具有相同的值时，您可以假设所有 ajax 调用都已完成。

Answer 3

查看这篇文章http://lostechies.com/joshuaflanagan/2011/10/20/coordinating-multiple-ajax-requests-with-jquery-when/

这是他们示例中的代码：

$.when( getTweets('austintexasgov'),
        getTweets('greenling_com'),
        getTweets('themomandpops')
      ).done(function(atxArgs, greenlingArgs, momandpopsArgs){
    var allTweets = [].concat(atxArgs[0]).concat(greenlingArgs[0]).concat(momandpopsArgs[0]);
    var sortedTweets = sortTweets(allTweets);
    showTweets(sortedTweets);
      });

var getTweets = function(user){
    var url='http://twitter.com/status/user_timeline/' + user + '.json';
    return $.get(url, {count:5}, null, 'jsonp');
}

非常适合我

Answer 4

要监视这样的任务，您始终可以构建状态机。在每个 ajax 调用中，添加一个beforeSend()回调和一个complete()回调以将状态更新到某个状态机。如果计数为 0，则状态机上的completed方法将有条件地执行您的代码。

注意....这仅在有重叠执行的 ajax 调用（并行运行）时才有效。如果您有串行运行的 ajax 调用，则每次所有活动的 ajax 调用都处于完成状态时，您的状态机将执行。

要正确处理串行 ajax 调用，您必须事先知道要进行多少次 ajax 调用，并针对该数字进行测试。

$.ajax({
    url: "test.html",
}).beforeSend(function() {
    ajaxState.started();
}).complete(function() {
    ajaxState.completed();
});

var ajaxState = {
    active: 0,
    started: function() {
        ajaxState.active++;
    },
    completed: function() {
        ajaxState.active--;
        if (!ajaxState.active) ajaxState.onComplete();
    },
    onComplete: function() {
        // Your code here.
    }
};

Answer 5

也许你在最后一个 Ajax 方法中调用了一个方法？没有办法知道您是否有任何由按钮进行的​​ Ajax 调用，例如将动态生成的或其他的。

如果您确定上一次 Ajax 调用，请在成功时调用方法。

$.ajax({
    url: "test.html",
    type: "POST",
    data: {id : menuId},
}).done(function() {
    callMethod();
});