GMail“Loading ...”横幅如何运作？

Question

我试图在我自己的应用程序中复制GMail的一个功能。

更改GMail中的文件夹时，显示屏将保留在屏幕上，并在网站顶部显示一个小的加载横幅。
这是可取的，因为它可以防止屏幕全部变白并且在回发时干扰用户工作流程。

我试图用Firebug拆解它，我觉得我已经接近了 GMail站点由100％大小的Iframe组成，其中包含整个界面。 在此框架之后是包含加载横幅的div。 div是不可见的，位于Iframe的后面。

在iframe前移动横幅的执行什么脚本？

谢谢，

Martin Wiboe

Answer 1

GMail完全使用AJAX构建;根本没有定期的回发。

在发送请求文件夹内容的AJAX请求之前创建<div>，然后在收到回复时隐藏<div>。

您可以使用jQuery轻松复制它。

Answer 2

您可以使用AJAX和回调处理程序完成您要完成的任务。在AJAX帖子中，您将使加载div可见。成功回发后，您将隐藏它。