“请稍候...”、“正在加载”、“正在保存”、“正在生成”实现答案

【问题标题】："Please wait ...", "Loading", "Saving", "Generating" Implementations“请稍候...”、“正在加载”、“正在保存”、“正在生成”实现
【发布时间】：2014-12-10 18:21:23
【问题描述】：

在使用 HTML、Ajax 或 YUI（通常是 JavaScript）的浏览器中，“请等待我们正在处理您的请求”的成功和优先实现是什么？

其他情况是，我处理的 Web 应用程序有一些请求可能需要大量 IO/CPU 时间（10 - 30 秒），并且需要与用户沟通我们收到您的请求并且我们正在处理它。

编辑：另一个方面是你有没有看到一个给你留下深刻印象的网站实现？ 你喜欢的例子

【问题讨论】：

标签： javascript html ajax yui

【解决方案1】：

对于需要这么长时间的事情，您应该使用进度条或类似的东西。例如：

【讨论】：

第二个和第三个链接失效或过时。想要更新或删除它们？

【解决方案2】：

使指示器：明显、突出，并且始终出现在同一位置或由单击以启动操作的控件显示。根据您的应用程序的受众，如今无处不在的"loading circle" 可以解决问题，但在它旁边添加“正在加载...”也没有什么坏处。

【讨论】：

我不会使用“加载”圈来做某事，这需要比 5 秒更长的时间

【解决方案3】：

一般来说，您会在那里放置一个带有spinning wheel/throbber 的阻塞叠加层作为忙碌指示符。 Dojo 提供了一些现成的工具：Busy Button 和更通用的Standby。

【讨论】：

【解决方案4】：

@vartec 提供了规范的 YUI 示例。如果您可以在要求用户等待期间提供进度反馈，那么一位名叫 Satyam 的优秀西班牙开发人员也有一个有趣的 YUI 实现。

Satyam's Progress Bar。适用于 YUI 2.x 和 YUI 3.x，预计将在后续版本中成为官方 YUI 库的一部分。

【讨论】：