How can I wait for set of asynchronous callback functions?

Question

I have code that looks something like this in javascript:

forloop {
    //async call, returns an array to its callback
}

After ALL of those

Answer 1

You can use jQuery's Deferred object along with the when method.

deferredArray = [];
forloop {
    deferred = new $.Deferred();
    ajaxCall(function() {
      deferred.resolve();
    }
    deferredArray.push(deferred);
}

$.when(deferredArray, function() {
  //this code is called after all the ajax calls are done
});