Come ritardare tra ogni ciclo della funzione jQuery.each?

Question

Ho questo simil-code:

$('li').each(function(){ 
    var data = $(this).text(); 
    requestFunction(data, function(status){ 
     if (status == 'OK') do stuff... 
    }); 
}); 

Così, ho bisogno di fare un po 'di ritardo tra l'uso della funzione "requestFunction()". Come potrei farlo? Spero sia comprensibile, grazie.

Answer 1

setTimeout in un momento incremento:

$('li').each(function(indexInArray){ 
    var data = $(this).text(); 
    setTimeout(function() { 
     requestFunction(data, function(status){ 
      if (status == 'OK') do stuff... 
     }); 
    }, indexInArray * 500); 
}); 

---

se loop su questi elementi, si vuole aumentare il timeout oppure tutte le richieste avrebbe sparato allo stesso tempo, se non in ritardo, ma solo dopo il nostro timeout di 500 ms.

• Ora di inizio: 0 ms
• Prima Richiesta: 0 ms (500 * 0)
• seconda richiesta: 500 ms (500 * 1)
• terza richiesta: 1000 ms (500 * 2)

Answer 2

Se si effettuano chiamate di chiamata all'interno del proprio each ciclo quindi si consiglia di eseguire le richieste Ajax in modo sincrono.

Per fare ciò è possibile impostare la proprietà async della richiesta ajax su false.

In alternativa si consiglia di guardare in implimenting un callback per requestFunction. Questo ti permetterà di eseguire il codice dopo che il tuo metodo è tornato e annullerà la necessità di qualsiasi timeout, ecc.

Un callback è fondamentalmente un metodo che viene eseguito alla fine del tuo codice. In pratica dici la tua funzione, ecco un'altra funzione che voglio che tu chiami quando hai finito di fare il tuo lavoro.