Question

I am using Googles Analytics api in Javascript.

They provide a method that gets the result of a list, once the execution is done it calls a callback method with the result.

Looks something like this:

gapi.client.analytics.management.accounts.list().execute(handleAccounts);

…

function handleAccounts(results) {
        if (!results.code) {
        if (results && results.items && results.items.length) {

// See this code below.

        } else {
            console.log('No accounts found for this user.')
        }
    } else {
        console.log('There was an error querying accounts: ' + results.message);
    }
}

Generally this is fantastic, however… I need a flattened list of all child items so I keep calling like this:

 $.each(results.items, function (index, value) {

gapi.client.analytics.management.webproperties.list({ 'accountId': value.Id}).execute(handleWebproperties);
// and so on..
            })

The problem being if at any level you have more than one item you end up with multiple asynchronous calls shooting off, and I won’t know when they have all finished to get the final list.

Other than writing something to keep track of how many calls have been made then waiting for that total to come back.

How can I easily know when they have all completed?

Thanks.

In summary:

A user can have multiple accounts, accounts can have multiple properties and properties can have multiple profiles.

I need all the profiles for all the accounts of a user.

Answer 1

You can use the jQuery Deferred features to do this sort of thing. Basically if you wrap the callbacks in a Deferred object, then use $.when(...) to group them all together.

Something like this (the exact structure that will make the most sense for you will depend on how you’re using it, this code assumes you need to do something specific in each callback as well as know when they’re all done):

var promises = [];
$.each(results.items, function (index, value) {
    var deferred = new $.Deferred();
    gapi.client.analytics.management.webproperties.list({ 'accountId': value.Id}).execute(function(results) {
        handleWebproperties(results);
        deferred.resolve();
    });
    promises.push(deferred.promise());
    // and so on...
});

$.when.apply(this, promises).done(function() {
    alert("Everything is finished!");
});

_{Note I’m just coding straight into the browser window, so this may not be 100% functioning. 🙂}