Is There A Way To Synchronize Ajax Calls

It may be a trivial question, but I am wondering if there is way to somehow know when the last ajax call gets completed. So lets say I have 3 asynchronous ajax calls $.ajax({ t

Solution 1:

I used to have the same need. If you can use jQuery, have a look there : http://lostechies.com/joshuaflanagan/2011/10/20/coordinating-multiple-ajax-requests-with-jquery-when/

Otherwise, you can pass a simple callback function through your AJAX call that comes back in your progress indicator update at the end of each async treatment.

Solution 2:

Already answered, but consider using global events instead -

AjaxStart - Triggered when any ajax call starts
AjaxStop - Triggered when all ajax calls are finished

Example -

$( document ).ajaxStart(function() {
  $( "#progressBar" ).show();
});

$( document ).ajaxStop(function() {
  $( "#progressBar" ).hide();
});

But you will need to make sure that the second call begins before the first call is complete or atleast it should be triggered immediately after the first one completes.