js 中结束ajax请求,Javascript:等到ajax请求完成关闭页面

T.J. Crowder..

12

编辑根据您在下面的评论,修改后的答案:

如果要阻止直到先前发起的请求完成,您可以这样做:

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请求来保持会话处于活动状态 - 例如,每分钟一次,并在两分钟后超时.)