使用Ajax瀏覽器「繁忙狀態」

Question

我們已經收到了一個ajax請求， 30秒，然後將用戶發送到不同的頁面。在此期間，我們當然會顯示ajaxy spinner指示符，但瀏覽器也可能「出現」卡住，因爲瀏覽器客戶端實際上沒有工作或顯示它自己的加載消息。

有沒有一種簡單的方法可以告訴所有主流瀏覽器使用JS命令來查看忙？

感謝， 乍得

Answer 1

在這種情況下你需要使用AJAX嗎？您可以將其發佈/放到另一個頁面，其全部目的是處理請求，並且一旦完成重定向到目標頁面？

您仍然可以使用一些JS來彈出微調器，並且由於您正在發佈到另一個頁面，瀏覽器將顯示其「原生忙指示器」。瀏覽器不應該顯示中間頁面，一旦請求被處理，響應就會被重定向到目的地。

Answer 2

jQuery的？

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

但也許我不理解你的問題。 「看起來很忙」是什麼意思？你的意思是讓瀏覽器的進度條或原生忙指示器處於活動狀態嗎？不要以爲你可以這麼做...

Answer 3

您可以將body的CSS cursor屬性設置爲「等待」。有了雛形，這將是這樣的：

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

我相信這是jQuery代碼，有人請糾正我，如果我錯了，因爲我不是一個jQuery專家：

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

這將使整個頁面在Windows上顯示沙漏鼠標光標，在Mac OS上顯示旋轉的觀察光標。