How to make sure my function executes after all ajax calls?

Question

I have a javascript function.Inside this function i have 3 ajax calls. How can i make sure that my another function executes after these ajax calls done?

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

will my function b execute after ajax calls done?

Possible duplicate of [Wait until all jquery ajax request are done?](http://stackoverflow.com/questions/3709597/wait-until-all-jquery-ajax-request-are-done) — Itay, Sep 05 '13 at 17:23

score 3 · Answer 1 · answered Sep 05 '13 at 17:22

3

a complete solution will be something like

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)

answered Sep 05 '13 at 17:22

Arun P Johny

384,651
66
527
531

Only potential issue, depending on how this function is called is that it used to return false, now it doesn't. – James Montagne Sep 05 '13 at 17:42

score 1 · Answer 2 · answered Sep 05 '13 at 17:20

Write an increment check which increments on each returned Ajax like below:

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...
});

score 0 · Answer 3 · answered Feb 20 '14 at 21:21

0

The jQuery ajaxStop method allows you to register a handler to be called when all Ajax requests have completed.

answered Feb 20 '14 at 21:21

Christophe

27,383
28
97
140

How to make sure my function executes after all ajax calls?

3 Answers3