GMail「Loading ...」橫幅是如何工作的？

Question

我想在我自己的應用程序中複製GMail的一個功能。

當在GMail中更改文件夾時，顯示屏將保留在屏幕上，並且網站頂部會顯示一個小的加載橫幅。
這是可取的，因爲它可以防止屏幕變白，並且在回發時阻止用戶工作流程。

我試圖用Firebug反彙編，我覺得我越來越近了。
GMail站點由包含整個界面的100％大小的Iframe組成。 此框架是一個包含加載橫幅的div。該div是不可見的，並放置在Iframe後面。

執行哪個腳本來移動iframe前面的橫幅？

謝謝

馬丁Wiboe

Answer 1

Gmail的開發完全使用AJAX;根本沒有定期的回傳。

它在發送AJAX請求詢問文件夾的內容之前創建<div>，然後在接收到答覆時隱藏<div>。

您可以使用jQuery輕鬆複製。

Answer 2

您可以使用AJAX和回調處理程序完成您正在嘗試執行的操作。在AJAX文章中，您將使加載div可見。在成功回傳時，您會隱藏它。