Implementieren "das dauert zu lange" Nachricht mit jQuery

Question

So implementieren Sie ein Google Mail-wie "das dauert zu lange" warning message mit jQuery Ajax API?

Für diejenigen, die diese Nachricht noch nie in Google Mail gesehen haben, erscheint sie, wenn der Anmeldevorgang zu lange dauert und einige Lösungen vorgeschlagen werden.

Ich benutze jQuery Ajax auf meiner Website und ich möchte Benutzer warnen, wenn das Laden der Seite sehr langsam ist und dann einige Lösungen vorschlagen (ein Link zum Aktualisieren der Seite, oder zu einer Hilfeseite, zum Beispiel).

Answer 1

würde ich etwas so einfaches wie diese Anordnung vorschlagen:

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

Warum nicht einfach die eingebaute in jQuery ajax 'timeout' option verwenden. Es ist eine gute Übung, es trotzdem zu verwenden, falls Sie Probleme mit Ihrem Ajax-Anruf haben. Oder du könntest das Rad neu erfinden;)

edit: und, ähm, ich denke du würdest das mit einer Fehlerfunktion koppeln wollen.

Answer 3

Das jQuery Lade-Plugin, das ich schrieb, tut dies als eine Standardoption. hier ist die Demo:

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

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