HTML: "Please wait"带重定向的加载页面，跨浏览器，符合标准

Question

我有一个常见的问题，即在处理长时间运行的任务时，用 HTML 实现“请稍候，正在处理您的请求”页面以显示给用户。具体来说，我正在创建订单并通过信用卡计费。

目前我首先加载 PleaseWait.html 显示一条消息和一个微调器，它立即重定向到 Process.html，后者进行处理。 Process.html 完成后，它会重定向到 Complete.html。

我正在尝试完全跨浏览器并遵循所有建议。这意味着应避免以下技术:

• Javascript 重定向，因为用户可能已禁用脚本
• META 刷新，因为这是不鼓励/弃用的，我认为一些浏览器也允许用户禁用它
• 发送 HTTP 301 响应，因为这会导致浏览器(至少是 IE)根本不呈现请稍候页面
• 使用隐藏的 iframe 来保存 Process.html，同样我相信这将需要 javascript 来检测处理何时完成

所以我的问题是……我到底要怎么做才能做到这一点？

如果解决方案使我的动画 GIF 在整个处理阶段继续动画，则加分(好吧，至少是荣誉)。我提到这个是因为在 IE 中，当 PleaseWait.html 重定向 Process.html 时，所有动画都停止了，这意味着我的微调器当前只旋转半秒左右，然后在加载 Process.html 页面时停止它的事。

Answer 1

我会使用元刷新 - 我不确定为什么它被认为已弃用 - 它是 HTML5 工作草案的一部分 - 看起来它会保留下来:

http://www.whatwg.org/specs/web-apps/current-work/multipage/semantics.html#attr-meta-http-equiv-refresh

当然，如果 META REFRESH 未触发，您可以提供一个链接供用户单击以重新加载页面。为了安全起见，请发送一封包含链接的电子邮件，以便在交易失败时重新输入付款信息。