javascript - “请稍候……”、“加载中”、“正在保存”、“生成”实现

Question

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

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

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

score 6 · Accepted Answer

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

score 3 · Accepted Answer

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

score 1 · Accepted Answer

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

萨蒂扬的进度条。适用于 YUI 2.x 和 YUI 3.x，预计将在后续版本中成为官方 YUI 库的一部分。

score 1 · Accepted Answer

通常，您会在那里放置一个带有旋转轮/颤动器的阻塞覆盖层作为忙碌指示器。Dojo 提供了一些现成的工具：Busy Button和更通用的Standby。

4 回答 4