[jquery]un solo loader gif per diverse richieste ajax

[jimbo0]

salve, ho diverse richieste ajax eseguite in parallelo, ed uso un solo loader gif per tutte, quindi in tutte le richieste ho

$.ajax({    [...]
beforeSend: function() {
$('#status').html('<img src="loader.gif"/>');


  },
[...]
.done(function() {
  $('#status').html('');


 });

ovviamente questa soluzione non va, io devo avviare il loader quando le richiesta partono e stopparlo solo quando l'ultima richiesta viene completata...

[cavicchiandrea]

Imposti una variabile globale (var countAjax) ad inizio chiamate imposti la variabile con il totale delle chiamate ajax (poniamo 5) e attivi il loadgif, ad ogni response delle chiamate ajax decurti di uno e verifichi il contatore countAjax quando arriva a 0 nascondi la gif attesa.

[Azucchi]

Può capitare che una richiesta finisca prima di un'altra e viceversa?

Edit. Ok hanno risposto

Io personalmente a livello stilistico userei i metodi hide() e show() per la gif.

<img src="img/loader.gif" alt="loading..." id="idgif" hidden>

   $('#idgif').show(); //visualizza la gif
   $('#idgif').hide();  //nascondi la gif

[jimbo0]

ho visto che esite un $(document).ajaxStop(function() {..});

per ora ho usato questa..in caso di problemi userò il contatore..o credi sia preferibile in ogni caso?

@azucchi uso sia .html('') che hide() in sequenza..sarà ridondante ma non mi piace l'idea di avere la gif che continua a girare nascosta

[Azucchi]

@azucchi uso sia .html('') che hide() in sequenza..sarà ridondante ma non mi piace l'idea di avere la gif che continua a girare nascosta

uahahhah non ci avevo fatto caso

[jimbo0]

nel codice postato non l'ho scritto, ma nel codice reale c'è

[cavicchiandrea]

ho visto che esite un $(document).ajaxStop(function() {..});

per ora ho usato questa..in caso di problemi userò il contatore..o credi sia preferibile in ogni caso?

Se funziona e fa quello che vuoi direi proprio di no