javascript - 如何确保我的函数在所有 ajax 调用之后执行？

Question

我有一个 javascript 函数。在这个函数中，我有 3 个 ajax 调用。我如何确保在这些 ajax 调用完成后我的另一个函数执行？

function a(){
    for(var i=0;i<3;i++)
        $.post("somePage.php").done(function(){
            do stuff here...
        });
    return false;
}
function b(){
    //.....
}

我的函数 b 会在 ajax 调用完成后执行吗？

Answer 1

一个完整的解决方案将类似于

function a() {
    var array = [], xhr;
    for (var i = 0; i < 3; i++) {
        xhr = $.post("somePage.php").done(function () {});
        array.push(xhr)
    }
    //create a promise which will be called after all the ajax request are completed
    return $.when.apply($, array);
}

function b() {
    //.....
}

//on succss callback of all the ajax requests created in a call b
a().done(b)

Answer 2

编写一个增量检查，在每个返回的 Ajax 上递增，如下所示：

increments = 0;
$.post("somePage.php").done(function(){
  // Check if the increments are total to 3
  ++increments;
  if(increments == 3) {
    //do something now such as call b();
  }
  //do stuff here...
});

Answer 3

jQuery ajaxStop方法允许您注册一个处理程序，以便在所有 Ajax 请求完成时调用。