如果要阻止直到 先前启动的 请求完成,可以这样:
window.onbeforeunload = function(event) {
var s;
event = event || window.event;
if (requestsPending > 0) {
s = "Your most recent changes are still being saved. " +
"If you close the window Now, they may not be saved.";
event.returnValue = s;
return s;
}
}
然后,浏览器将提示用户询问他们是要离开页面还是留在页面上,从而将其置于控制之下。如果他们停留在页面上并且在提示出现时请求已完成,则下次他们关闭页面时,它将使他们无需询问即可关闭页面。
请注意,在现代浏览器中,您的消息将不会显示。而是,浏览器将使用通用消息。因此,在现代浏览器上,返回任何非空字符串就足够了。不过,如果您的用户使用的旧浏览器仍会显示该字符串,则您可能需要返回一个有用的字符串(例如上述字符串)。
:
理想情况下,如果可能,您要 避免 这样做。:-)
如果你无法避免它,它可能使一个Ajax请求 同步 ,以阻塞的onbeforeunload
过程,直到它完成。我不知道DWR,但我希望它有一个标志来控制请求是否同步。在原始XmlHTTPRequest API中,这是第三个参数open
:
req.open('GET', 'http://www.mozilla.org/', false);
^ false = synchronous
大多数库将具有等效的库。例如,在Prototype中,它asynchronous: false
是选项中的标志。
但是同样,如果您可以避免在页面卸载过程中触发Ajax请求,那么我会这样做。建立,传输和完成请求时,会有 明显的 延迟。让服务器使用超时来关闭它要好得多,这要好得多。(这可能是一个相当短的超时;您可以通过在打开页面时定期在页面中使用 异步 Ajax请求来使会话保持活动状态-例如,一分钟一分钟,两分钟后超时。)