beforeunload/unload能够可靠地用于发送XmlHttpRequests吗？

Question

beforeunload/unload能够可靠地用于发送XmlHttpRequests吗？

21

最近，我急需通知我的服务器，一个特定的网页即将关闭。我想 "Easy peasy"，beforeunload 已经存在了很长时间。HTML5 甚至刷新了 spec（我当时是这么认为的...），我们可以从 beforeunload 事件处理程序中 return 一个 string value 等，这使得用户有了拦截的选项。

请查看MDN关于onunload的页面

然而，事实证明，到目前为止，并没有任何 "official" 规范来描述 beforeunload 的行为。我找到的唯一官方文档在 WHATWG 上，当然只是 W3C 的一个提案。

请看 WHATWG

到目前为止还好。我们能够在 beforeunload 事件处理程序中创建一个 synchronized XHR request。 "大多数" 浏览器会给请求约1-2秒的时间来完成，之后它就会被杀死。标准的 asynchronous request 则立即被杀死。虽然在 Firefox+Chrome 中它可以工作，但我们不能依赖它，对吧？

关于 beforeunload 有什么正在进行的讨论/提案吗？
我可能没有找到的其他官方资源？

对我来说，最重要的是我们能否通过同步XHR可靠地发送数据。

- jAndy

我正在使用YUI3事件处理来使用此事件（这对于这个问题并不重要），并且使用XHR进行“fire and forget”异步调用到服务器（为大型内部会计应用程序记录统计信息，以查看用户实际使用应用程序的哪些页面以及使用时间有多长 - 只有当他们离开页面后，我才能记录停留在页面上的持续时间）。我在FF（最新版本）和IE 7和8上进行了测试 - 运行良好。 - Mörre

3个回答

4

需要翻译的内容如下：

请记住，beforeunload最初是由Internet Explorer作为扩展功能启动的。这使它在Web上成为二等公民。没有明确的规范，并且浏览器实现也有所不同。例如，Firefox仅部分实现它，不显示字符串，而只显示通用消息。

此外，即使完全实现，它也不能保护所有可能的卸载场景，例如，用户已终止处理器、浏览器崩溃或计算机已关闭。即使忽略这些极端情况，我认为可能可以配置浏览器忽略此类请求。

我的感觉是您不应该依赖此消息来保存数据。如果这个Web应用程序是内部的，我建议培训他们使用Save或Close或其他按钮，而不仅仅是关闭选项卡。如果是外部应用程序，也许可以考虑在用户操作时自动保存？

- Mike Caron

它是在HTML中指定的，自2000年代后期以来一直如此。 - gsnedders

2

同步XHR是浏览器卡死的主要原因之一，占据了近10%的卡顿率：http://blogs.msdn.com/b/ieinternals/archive/2011/08/03/do-not-use-xmlhttprequest-in-synchronous-mode-unless-you-like-to-hang.aspx 在IE中，即使是同步XHR也可能会被“打断”，如果请求需要Windows身份验证往返或者需要发送POST正文，则可能只会发送第一个未经身份验证的请求头。

- EricLaw

我认为你误解了重点。正如我所提到的，同步xhr请求是在beforeunload处理程序中向服务器发送数据的唯一方法。浏览器将允许这些类型的请求，但它们会在短时间内中止它们（这是一件好事）。实际上有趣的问题是，为什么它能够这样工作，谁定义了这种行为以及它是否可靠。 - jAndy

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Andy E · Accepted Answer

请查看navigator.sendBeacon()，它允许您在页面卸载时可靠地向服务器发送数据。该功能目前处于草案规范阶段，并且受到Firefox 31、Chrome 39（从37开始使用标志）以及Opera 24中的标志支持。

您可以“有点像”使用以下内容来模拟它：

navigator.sendBeacon = navigator.sendBeacon || function (url, data) {
    var xhr = new XMLHttpRequest();

    // Need to send synchronously to have the best chance of data getting
    // through to the server
    xhr.open('POST', url, false);
    xhr.send(data);
};

beforeunload/unload能够可靠地用于发送XmlHttpRequests吗？

更多阅读：