Question

I’m calling several ajax search services with jQuery and would like to trigger a function that merges the results when all the calls are finished (some kind of callback function waiting for all callbacks to have returned). What’s the best method to achieve that?

thanks

jul

Answer 1

One method I’ve seen used in the past is a counter:

var counter = 3;

$.ajax({
  // ..
  success: function() {
    if(--counter == 0) handleComplete();
    // ...
  }
});

// 2 other similar ajax calls here

function handleComplete() {
  // this is done when all are complete
}

Obviously, you’ll want to handle errors too.