Javascript:等到ajax请求完成关闭页面

Question

我希望浏览器保持页面打开,直到发送ajax请求.这就是我想象的样子

var requestsPending = 0;

window.onbeforeunload = function() {
    showPleaseWaitMessage();
    while(requestsPending > 0);
}

// called before making ajax request, atomic somehow
function ajaxStarted() {
    requestsPending++;
}
// called when ajax finishes, also atomic
function ajaxFinished() {
    requestsPending--;
}

不幸的是,JS不做多线程.根据我的理解,回调(ajaxFinished)永远不会被执行,因为浏览器会尝试等到while循环结束执行它,因此它将永远循环.

这样做的正确方法是什么？有没有办法强制JS评估其待办事项列表中的下一个东西,然后回到while循环？或者使用ajax调用"加入"一些语法？我正在使用DWR作为我的ajax.

谢谢,-Max

Answer 1

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

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

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