Afficher l'indicateur de chargement ajax pas immédiatement mais après un délai

Question

Mon projet d'application Web utilise beaucoup les appels ajax. La plupart d'entre eux sont rapides et répondent presque immédiatement. Donc, montrer ajax loader tout le temps n'est pas nécessaire. Mais je veux montrer un loader ajax quand les appels ajax prennent plus longtemps que 250ms (ou plus). Sinon, les utilisateurs pourraient être confus et continuer à cliquer sur les liens encore et encore. :)

Des idées pour y parvenir en utilisant jQuery?

Answer 1

Je n'ai aucune expérience avec jQuery, mais pour obtenir un simple retard à l'exécution d'un code, il suffit d'utiliser ceci:

setTimeout ("foo()", 250); 

où foo() est la fonction responsable de Chargement en cours ... indication .

Answer 2

Pouvez-vous utiliser un chronomètre Javascript pour déclencher après 250ms pour afficher votre message 'loading ...'?

Activez ceci sur ajaxSend(), et désactivez-le sur ajaxComplete() (et effacez le message 'loading ...' si reqd), et donc l'implémentation devrait être transparente pour tous les appels Ajax que vous faites.

Answer 3

var activity = false; 
$("#loadingIndicator").ajaxStart(function() { 
    activity = true; 
    window.setTimeout(function() { 
     if (activity) { 
      //alert('activity'); 
      $("#loadingIndicator").show(); 
     } 
    } 
    , 700); 
}); 
$("#loadingIndicator").ajaxStop(function() { 
    activity = false; 
    $(this).hide(); 
});