Wdrażanie komunikatu "to trwa za długo" z jQuery

Question

Jak zaimplementować adres Gmaila "trwa zbyt długo" warning message przy użyciu adresu jQuery Ajax API?

Dla tych, którzy nigdy nie widzieli tej wiadomości w Gmailu, pojawia się, gdy proces "podpisywania" trwa zbyt długo, a następnie sugerowane są niektóre rozwiązania.

Używam jQuery Ajax na mojej stronie i chcę ostrzec użytkowników, gdy ładowanie strony jest bardzo powolne, a następnie zasugerować kilka rozwiązań (link do odświeżenia strony lub na stronie pomocy, na przykład).

Answer 1

sugeruję coś tak prostego jak tego układu:

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

Dlaczego nie wystarczy użyć wbudowanej jQuery ajax 'timeout' option. Dobrą praktyką jest używanie go w każdym razie, na wypadek problemów z wywołaniem ajax. Lub, możesz ponownie wymyślić koło;)

edytuj: i, er, myślę, że chciałbyś połączyć to z funkcją błędu.

Answer 3

Wtyczka do ładowania jQuery, którą napisałem, robi to jako domyślną opcję. oto demo:

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

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