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请求完成时注册要调用的处理程序。

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

3 个答案: