Trình duyệt "Trạng thái bận rộn" với Ajax

Question

Chúng tôi đã nhận được yêu cầu ajax mất khoảng. 30 giây và sau đó gửi người dùng đến một trang khác. Trong thời gian đó, tất nhiên chúng tôi hiển thị một chỉ số spinner ajaxy, nhưng trình duyệt cũng có thể "xuất hiện" bị kẹt vì trình duyệt của khách hàng không thực sự hoạt động hoặc hiển thị thông báo tải của chính nó.

Có cách nào dễ dàng để yêu cầu tất cả các trình duyệt chính trông bận rộn với lệnh JS không?

Xin cảm ơn, Chad

Answer 1

Bạn có cần sử dụng AJAX trong trường hợp này không? Thay vào đó, bạn có thể đăng/đưa lên một trang khác có mục đích toàn bộ là xử lý yêu cầu và sau khi hoàn tất chuyển hướng đến trang đích?

Bạn vẫn có thể sử dụng một số JS để bật trình quay, và vì bạn đang đăng lên một trang khác, trình duyệt sẽ hiển thị "chỉ báo bận gốc" của nó. Trình duyệt sẽ không bao giờ hiển thị trang giữa, khi yêu cầu đã được xử lý, phản hồi sẽ được chuyển hướng đến đích.

Answer 2

jquery?

$('html').ajaxStart(function() { $('#busyindicator').show(); }); 
$('html').ajaxStop(function() { $('#busyindicator').hide(); }); 

Nhưng có lẽ tôi không hiểu câu hỏi của bạn. 'trông bận' nghĩa là gì? Bạn có nghĩa là có được thanh tiến trình của trình duyệt hoặc chỉ báo bận cục bộ đang hoạt động không? Đừng nghĩ rằng bạn có thể làm điều đó ...

Answer 3

Bạn có thể đặt thuộc tính CSS cursor của body thành 'chờ'. Với mẫu thử nghiệm này sẽ như thế nào:

$(document.body).setStyle({cursor: 'wait'}); 

tôi tin này được mã jQuery, ai đó hãy sửa lại cho tôi nếu tôi sai như tôi không phải là một chuyên gia về jQuery:

$("body").css("cursor", "wait"); 

chí này làm cho toàn bộ trang hiển thị con trỏ chuột đồng hồ cát trên Windows và một con trỏ đồng hồ quay trên Mac OS.