Thực hiện thông báo "quá trình này mất quá nhiều thời gian" với jQuery

Question

Làm cách nào để thực hiện một "gmail" quá dài "warning message bằng cách sử dụng jQuery Ajax API?

Đối với những người chưa bao giờ thấy thông báo này trên gmail, nó xuất hiện khi quá trình 'đăng nhập' mất quá nhiều thời gian để hoàn thành và sau đó một số giải pháp được đề xuất.

Tôi đang sử dụng jQuery Ajax trên trang web của mình và tôi muốn cảnh báo người dùng khi tải trang rất chậm và sau đó đề xuất một số giải pháp (liên kết để làm mới trang hoặc trang trợ giúp).

Answer 1

tôi muốn đề nghị một cái gì đó đơn giản như sắp xếp này:

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

Tại sao không chỉ sử dụng được xây dựng trong jQuery ajax 'timeout' option. Đó là một thực hành tốt để sử dụng nó anyways, trong trường hợp bạn có vấn đề với cuộc gọi ajax của bạn. Hoặc, bạn có thể tái phát minh ra bánh xe;)

chỉnh sửa: và, er, tôi nghĩ bạn muốn kết hợp với chức năng lỗi.

Answer 3

plugin tải jQuery tôi đã viết thực hiện điều này làm tùy chọn mặc định. đây là demo:

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

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