Implementando el mensaje "esto está tardando demasiado" con jQuery

Question

¿Cómo implementar un "similar a Gmail" que tarda demasiado "warning message usando jQuery Ajax API?

Para aquellos que nunca han visto este mensaje en gmail, aparece cuando el proceso de "inicio de sesión" tarda demasiado en completarse, y luego se sugieren algunas soluciones.

Estoy usando jQuery Ajax en mi sitio web y quiero advertir a los usuarios cuando la carga de la página es muy lenta y sugerir algunas soluciones (un enlace para actualizar la página o una página de ayuda, por ejemplo).

Answer 1

me gustaría sugerir algo tan simple como este arreglo:

function tooLong() { 
    // What should we do when something's taking too long? Perhaps show a `<div>` with some instructions? 
    $("#this-is-taking-too-long").show(); 
} 

// Then, when you're about to perform an action: 
function performSomeAction() { 
    var timer = setTimeout(tooLong, 10000); 
    $.get('/foo/bar.php', {}, function() { 
     // Success! 
     clearTimeout(timer); 
    }); 
} 

Answer 2

Por qué no utilizar el incorporado en jQuery ajax 'timeout' option. Es una buena práctica usarlo de todos modos, en caso de que tenga problemas con su llamada ajax. O bien, podría reinventar la rueda;)

editar: y, creo, querría unir eso con una función de error.

Answer 3

el complemento de carga jQuery que escribí hace esto como una opción predeterminada. aquí está la demostración:

http://jquery-values.googlecode.com/svn/other/loading/jquery.loading.htm

http://plugins.jquery.com/project/loading