Wait until all jquery ajax request are done? - Stack Overflow

Actually, jQuery now defines a 'when' function for this purpose.

http://api.jquery.com/jQuery.when/

It accepts any number of Deferred objects as arguments, and executes a function when all of them resolve.

That means, if you want to initiate (for example) four ajax requests, then perform an action when they are done, you could do something like this:

$.when(ajax1(), ajax2(), ajax3(), ajax4()).done(function(a1, a2, a3, a4){      // the code here will be executed when all four ajax requests resolve.      // a1, a2, a3 and a4 are lists of length 3 containing the response text,      // status, and jqXHR object for each of the four ajax calls respectively.  });    function ajax1() {      // NOTE:  This function must return the value       //        from calling the $.ajax() method.      return $.ajax({          url: "someUrl",          dataType: "json",          data:  yourJsonData,                      ...      });  }

Read full article from Wait until all jquery ajax request are done? - Stack Overflow