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调用“加入”一些语法？我正在为我的ajax使用DWR。

谢谢， -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;
    }
}

然后，浏览器会提示用户询问他们是想要离开页面还是留在页面上，并将其置于控制之下。如果他们留在页面上并且提示已经完成请求已经完成，那么当他们下次关闭页面时，它会让他们关闭它而不会询问。

请注意，在现代浏览器中，您的信息不会显示;相反，浏览器将使用通用消息。所以在现代浏览器中，返回任何非空字符串就足够了。尽管如此，您可能希望返回一个有用的字符串（如上所述），以防您的用户使用过时的浏览器仍然显示它。

详情询问用户是否取消关闭活动here和here。

旧答案：

理想情况下，如果可能，您希望避免这样做。： - ）

如果你无法避免，可以发出Ajax请求 synchronous ，这样它就会阻止onbeforeunload进程直到它完成。我不知道DWR，但我希望它有一个标志来控制请求是否同步。在原始XmlHTTPRequest API中，这是open的第三个参数：

req.open('GET', 'http://www.mozilla.org/', false);
                                            ^ false = synchronous

大多数libraries都有同等效力。例如，在Prototype中，它是选项中的asynchronous: false标志。

但是，如果您可以避免在页面卸载过程中触发Ajax请求，我会这样做。在设置，传输和完成请求时，会有明显的延迟。让服务器使用超时来关闭你试图关闭的任何东西要好得多。（这可能是一个相当短的超时;您可以通过在页面打开时定期使用异步 Ajax请求来保持会话处于活动状态 - 例如，每分钟一次，并在两分钟后超时。）< / p>

Answer 2

简而言之，你不能（也不应该）这样做。如果用户关闭了浏览器，它就会关闭...没有unload样式事件可以保证完成，并且执行AJAX的事情涉及延迟更多不太可能完成。

您应该考虑在另一个点触发事件，或者完全改变方法，但在unload事件中进行AJAX调用将是不可靠的，最好。

作为上面的附录的附录不应该部分，以这种方式考虑，你通常在任何给定窗口打开多少个标签？我通常打开4-6个镀铬窗口，每个打开5-12个标签...我的浏览器窗口是否应该打开，因为其中一个标签想要制作一些我不关心的AJAX请求？我不希望它作为用户，因此我不会尝试将其作为开发人员。这当然是一种观点，但值得深思。

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

2 个答案: