Question

我正在我的web应用程序中构建一些使用Web服务的网页。在与Web服务通信时，可能需要几秒钟，我想显示一个加载屏幕。类似于jquery对话框，其背景被禁用，加载图像出现在网页的中间。

这可能，我该怎么做？

Answer 1

我使用blockUI插件来满足此类要求。它非常简单直接使用。例如：

$.blockUI({ message: '<h2>Loading</h2>' });
// call to the web service

在ajax请求的成功和失败回调中，包括调用unblock

$.unblockUI();

Answer 2

看一下jqModal jQuery插件 - 我广泛使用它，例如在使用Facebook进行单点登录时，我会显示一个漂亮的“与Facebook连接”对话框（背景被删除）。非常容易使用，而且非常易于扩展。

它基本上是页面上的隐藏div（绝对定位），它会被显示和居中（当然还有其他很酷的效果，比如褪色）。

所以你有完全自定义这个div - 放一个图像，放一个iframe，放一个用户控件。

它完全支持AJAX - 所以你可以在加载这个模态对话框时调用你的WS来加载内容。

当然你可以自己滚动（旧学校弹出窗口，或用适当的z-index覆盖图像），但重新发明轮子没有意义 - 特别是当有大量优秀解决方案可用时。