Mostrar el indicador de carga de ajax no inmediatamente, pero después de un retraso

Question

Mi proyecto actual de aplicación web hace un uso intensivo de las llamadas ajax. La mayoría de ellos son rápidos y responden casi de inmediato. Por lo tanto, mostrar ajax loader todo el tiempo no es necesario. Pero quiero mostrar un cargador ajax cuando las llamadas ajax tardan más de 250ms (más o menos). De lo contrario, los usuarios podrían confundirse y seguir haciendo clic en los enlaces una y otra vez. :)

¿Alguna idea de cómo lograr eso usando jQuery?

Answer 1

que no tienen experiencia previa con jQuery pero para lograr un simple retraso de la ejecución de un código, sólo tiene que utilizar esto:

setTimeout ("foo()", 250); 

donde foo() es la función de responsable de la carga ... indicación .

Answer 2

¿Se puede utilizar un temporizador Javascript para disparar después de 250ms para mostrar su mensaje 'cargando ...'?

Actívela en ajaxSend(), desactívela en ajaxComplete() (y borre el mensaje 'cargando ...' si es necesario), por lo que la implementación debe ser transparente para las llamadas AJAX que realice.

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(); 
});