jQuery Plusieurs requêtes getJSON

Question

Mon script doit extraire plusieurs fichiers json sur https://graph.facebook.com/xxxx et récupérer un certain champ de chaque fichier json, puis calculer la somme.

Mon problème est de savoir comment imprimer le résultat une fois getJSON fait? Avec le code ci-dessous, il affichera 0. N'hésitez pas à suggérer de meilleures approches.

var result = 0; 
$.each(urls, function (i, url) { 
    $.getJSON(url, function (json) { 
     result += json.field1; 
    }) 
}); 
alert(result); 

Answer 1

En utilisant 1,5 jQuery objets différés:

cumulez un tableau des objets JQXHR retourné par $.getJSON()

var jxhr = urls.map(function(url) { 
    return $.getJSON(url, function(json) { 
     result += json.field1; 
    }) 
}); 

et seulement $.when ils sont tous .done():

$.when.apply($, jxhr).done(function() { 
    alert(result); 
}); 

NB: cela va accumuler result dans l'ordre dans lequel les appels AJAX sont terminés, et non dans l'ordre dans lequel ils ont été passés.

Answer 2

Il ne fonctionne pas comme vous imprimez tout de suite le résultat, rappelez-vous que le code où vous concaténer le résultat est un rappel alors se déclenche après votre alerte.

À chaque rappel, vous devrez vérifier si tous ont terminé. remplacez l'appel alert() par votre traitement. :)

var result = 0; 
    var doneCount = 0; 

    $.each(urls, function (i, url) { 
     $.getJSON(url, function (json) { 
      doneCount++; 
      result += json.field1; 
      if (doneCount == urls.length) { 
       alert(result); 
      } 
     }) 
    });