jQuery chiamate ajax sincroni non bloccanti

Question

Nella mia applicazione Web, ho una serie di chiamate Ajax che vengono attivate rapidamente. Sul server, questi devono essere elaborati nello stesso ordine in cui vengono inviati dal client.

Ho usato la configurazione async: false in jQuery per farlo. Tuttavia questo fa sì che la GUI diventi molto pigra mentre blocca il completamento delle chiamate. Con async: true la GUI è reattiva, ma le richieste non vengono sempre elaborate in ordine.

Esiste un non-blocking modo alternativo di coda richieste Ajax, in modo che il prossimo viene inviato solo dopo che quello precedente ha finito?

NOTA: non ho un "elenco" di richieste da elaborare. Le richieste vengono generate al volo, quindi devo essere in grado di inserirle in una sorta di coda FIFO quando vengono generate, quindi consumare la coda con qualche processo.

Answer 1

Esso può essere fatto facilmente con jQuery promises:

function firstAjax() { 
    return $.ajax({...}); 
} 

function secondAjax() { 
    return $.ajax({...}); 
} 

firstAjax().pipe(secondAjax).pipe(...).done(function() { 
    alert('all requests have successfully finished'); 
}); 

o

$.when(firstAjax()).pipe(secondAjax).pipe(...).done(function() { 
    alert('all requests have successfully finished'); 
}); 

http://jsfiddle.net/zerkms/WQcVD/1/