jquery - "Please Wait"消息使用 jQuery 或 AJAX？

Question

我正在创建一个企业 Web 模板，用于开发我们所有的 Web 应用程序。我们现有的许多应用程序由于数据量和数据源的地理距离而需要一段时间才能加载，因此用户经常点击相同的按钮和链接两次。

我计划添加一条请稍候消息，以便在页面回发时显示。我认为有两种明显的方法可以做到这一点:

<小时/>

<强>1。 AJAX 工具

使用 AJAX UpdatePanel 和进度加载器，我可以轻松地在每次回发时显示一条消息，只需很少的附加代码(如果有的话)。

我对 AJAX 方法的担忧是，因为这是非常通用的模板，所以我必须将整个页面包装在更新面板中。根据 ASP.NET 3.5 AjaxToolKit 的经验，更新面板以时髦的方式影响回发和 JavaScript 代码。另外，我认为 UpdatePanel 很重，会增加加载 session 或应用程序所需的时间。

<强>2。 jQuery

使用 jQuery，我可以绑定(bind)一个方法来显示每个 $(':submit').click() {} 事件的消息。页面会在回发结束时重新加载，自动隐藏消息。

我对 jQuery 方法没有什么大的顾虑。需要额外的编码才能与字段验证器正常工作。不使用 UpdatePanel 还意味着每次回发时都会重新加载整个页面，这可能不是最好的方法。在“请稍候”消息出现之前，还必须延迟几秒钟，这样对于不需要此类消息的非常小的事件，该消息就不会出现。

<小时/>

显示请稍候或正在加载消息的更好方式是什么？我关心的是速度和可靠性，但如果您认为还有其他值得注意的成功衡量标准，请随意说明。

Answer 1

绝对是#2。添加 UpdatePanel 是一大堆蠕虫，如果您尚未在给定页面上使用它们，则会增加大量开销。

使用 jQuery 执行此操作所涉及的代码很简单。有一个不错的小插件，名为 blockui可用于渲染效果并禁用区域上的所有控件。在没有插件的情况下做到这一点也不是太难，但为什么要重新发明呢？