jquery: attendere che tutte le chiamate Ajax finiscono poi continuare

Question

ho alcune chiamate Ajax nel mio document.ready()

come:

for (j=1; j <= 7; j++){ 
    (function(index) { 
    $.getJSON('my.php', {id:index}, 
     function(data) { 
     $.each(data, function(index2, array){ 
     ........ 
     }); 
     }); 
    })(j) 
} 

//DO NOT CONTINUE UNTIL FINISH AJAX CALLS 

........ 
MORE JQUERY CODE 

Come posso forzarlo ad aspettare e non continuare fino a quando abbiamo ricevere tutte le richiamate dalle richieste Ajax?

Answer 1

non mi piace alcuna risposta a tutti, il modo migliore (dal Jquery 1.5+) è quello di utilizzare gli oggetti anticipate, quelli sono gli oggetti per manipolare le chiamate asincrone , è possibile risolvere:

$.when($.ajax("/page1.php"), $.ajax("/page2.php")) 
    .then(myFunc, myFailure); 

In questo modo myFunc eseguito dopo le chiamate ajax 2 sono fatte, e myFailure se uno ha un errore.

Si può leggere di più su di esso nella documentazione ufficiale di jQuery: JQuery Deferred Object

Scrivo questa soluzione se qualcuno vede questo post può essere utile.

dispiace il mio inglese: P

Answer 2

è possibile utilizzare sucesso (cioè una funzione di callback di ajax jquery) come di seguito:

$.ajax({ 
    url: url, 
dataType: 'json', 
data: data, 
success: function(data){ 
//Write your code here. 
    } 
}); 

È possibile ottenere la documentazione di Ajax qui sotto -

ajax

Answer 3

Prima di tutto, si potrebbe desiderare considerare di fare il codice di avvio in una singola chiamata.
Secondo: Invece di aspettare, basta chiamare un'altra chiamata di funzione. per il codice di cui sopra dovrebbe essere simile:

for (j=1; j <= 7; j++){ 
    (function(index) { 
    $.getJSON('my.php', {id:index}, 
     function(data) { 
     $.each(data, function(index2, array){ 
     ........ 
     }); 

     if (j === 7) { 
      initDoneDoMoreStuff() 
     } 
     }); 
    })(j) 
} 

o un trigger:

for (j=1; j <= 7; j++){ 
    (function(index) { 
    $.getJSON('my.php', {id:index}, 
     function(data) { 
     $.each(data, function(index2, array){ 
     ........ 
     }); 

     if (j === 7) { 
      $(document).trigger("initdone"); 
     } 
     }); 
    })(j) 
} 

$(document).bind("initdone", function() {....}); 

Answer 4

non't facile per me farlo, ma forse trovare il mio codice utile. È un processo per inviare tutti i moduli nella dom e dopo averli memorizzati, reindirizzare l'utente a un'altra pagina.

formulario = $('form'); 
formulariolongitud = formulario.length; 
i = 0; 

formulario.each(function(index, value) { 
    $(this).ajaxSubmit({ 
     async: false,//not sure i 
     success: function() { 
      i++; 

      if(i === formulario.length) {//this is the last one to submit 
       window.location.replace(whatever); 
      } 
     } 
    });       
}); 

Answer 5

Il problema con qualcosa come if (j == 7) è la situazione in cui il 7 ° richiesta è molto molto veloce, e anche uno degli altri è lento. Anche se lo hai accodato per ultimo, potrebbe non essere l'ultimo da completare.

Questa risposta sembra funzionare per tutte le condizioni: https://stackoverflow.com/a/3709809/813154