如果他们接受对话框，On​​BeforeUnload 可以运行代码吗？

Question

我想控制人们离开我的应用的难易程度。现在，我知道我不能完全做到；这就是 cron 工作的用途。但我想尽可能多地发现病例。

我想，我可以使用onBeforeUnload 来显示对话框，警告他们离开并要求他们点击退出按钮。

但后来我发现在调用onBeforeUnload 时可以运行同步AJAX（呵呵）调用；据我了解，它同步的好处是浏览器将等待它完成后再继续。这样，我可以在服务器关闭窗口时告诉服务器我正在注销。而且因为它在onBeforeUnload 而不是onUnload，所以所有数据仍然存在，调用将被发送。

我的问题是，是否可以将这些结合起来？我想要一个弹出窗口警告他们离开，然后如果他们继续想离开，发送他们实际上要离开的消息。

按照我的理解，我做不到；我能做到：

1. 只发送消息
2. 只打开对话框
3. 发送消息并打开对话框

...但是我不能发送消息如果他们接受了对话，对吧？我的理解是，当他们单击“确定，我想离开”时，它会立即触发onUnload，到那时为时已晚。上面的 #3 没有用，因为我不想发送他们正在注销的消息，然后让他们取消对话框并留在页面上。

我的蛋糕也可以吃吗？我可以问他们是否想离开，如果想离开，请发送消息？

Answer 1

正如我在评论中所述，onbeforeunload 在 Opera 中不起作用。但是，我在 Firefox (3.6.3/Linux) 和 Chromium (5.0.375.70) 中尝试了以下代码，它或多或少地工作了。但是，当关闭 Chromium 窗口或选项卡时，会显示确认框，但会在一秒钟内关闭窗口/选项卡，即使单击 Ok 也是如此。在onbeforeunload 期间，同步 XMLHttpRequests 似乎存在超时。

window.onbeforeunload = function () {
    if (confirm("Send unsaved data?"))
        sendData();

};

function sendData() {
    var request = new XMLHttpRequest();
    request.open("POST", "wait.php", false); // false = synchronous request
    request.send('data={"foo":"bar"}');
    if (request.readyState == 4 && request.status == 200)
        alert("Succes!");

}

更新 – 只是为了完整起见，因为我忘记包含 wait.php，它只会保持连接 10 秒：

<?php sleep(10); ?>