I am utilizing jQuery to execute some ajax requests:
var information = {};
function process_information(item){
information[item.id] = item;
}
function perform(){
var calls = [];
for(var i = 0; i < 10; i++){
var call = $.get(URL, function(data){
process_information(data);
});
calls.push(call);
}
$.when(calls).done(function(){
console.log(information);
});
}
In my implementation, I am using $.when. However, instead of receiving the anticipated data, I end up with an empty object {}. When examining this issue in Chrome, it appears that the log line is executed before any of the process_information calls. This indicates that the order of the callbacks may be mixed up. Is there a way I can ensure that the console.log(information) line is only triggered after all of my get callbacks have completed?