exécuter la fonction à la fin d'un autre, utilisez ajaxComplete()?

Question

deux fonctions doivent être exécutées en Javascript, la seconde seulement après la fin du premier.

La première remplit un tableau avec getJSON et la seconde le manipule ensuite. Cependant, getJSON est asynchrone, donc il ne mettra pas en pause l'ordre d'exécution pour que le programme fonctionne correctement afin que le tableau finisse de charger avant que la deuxième fonction puisse s'exécuter. Comment peut-on utiliser ajaxComplete() de Jquery ou encore le callback getJSON pour simplement exécuter la seconde fonction une fois que les données ont fini de se charger via getJSON.

Merci.

---

est le code ici:

function fetch_ids(user) 
var url = 'http://test.com/ids/' + escape(user) + '.json?callback=?'; 
// populate array ids[] with JSON data --uid[] array declared globally 
$.getJSON(url, function(data) { 
for(var i = 0; i < data.length; i++) ids[i] = data[i]; 
}); 
// test array and run alert 
for(i=0;i<uid.length;i++){ 
for(j=0;j<ids.length;j++){ 
if(uid[i]==ids[j]) 
{alert('matched: ' + uid[i]);} 
} 
} 
// finish test 
} 

Answer 1

Ne serait-ce travail?

$.getJSON(url, params, function (jsonData){ 
    // populate array 
    // call 2nd function. 
}); 

pire des cas, si vous avez vos 2 funcions déjà défini ailleurs:

$.getJSON(url, params, function (jsonData){ 
    firstFunction(jsonData); 
    secondFunction(jsonData); 
}); 

Answer 2

Vérifiez ce post similaire ... How to initiate another jQuery .ajax call based on the result from an initial .ajax call?

L'astuce consiste à mettre le second appel dans le fonction de succès du premier appel.