javascript - 无法在页面离开 "onbeforeunload"事件中获取自定义消息警报

Question

我放置了以下脚本来防止在处理步骤的同时离开页面

<script language="JavaScript">
window.onbeforeunload = confirmExit;

function confirmExit()
{
JQObj.ajax({
    type: "POST",
    url: "<?php echo $this->url(array('controller'=>'question','action'=>'cleaSess'), 'default', true); ?>",
    success: function(data){}
});

return "You have attempted to leave this page.  If you have made any changes to the fields without clicking the Save button, your changes will be lost.  Are you sure you want to exit this page?";
}

</script>

但每次我收到默认警报消息而不是我设置自定义警报消息时，

我想在最终用户单击“离开页面”按钮时调用 ajax 调用，但在上面的脚本中，ajax 调用在单击离开按钮之前调用，

任何人都知道当且仅当人们离开页面时才调用 ajax。

Answer 1

您可以使用“unload”事件发送 AJAX 请求:

<script type="text/javascript">
    window.onbeforeunload = function() {
        return "You have attempted to leave this page. "
               + "If you have made any changes to the fields without "
               + "clicking the Save button, your changes will be lost. "
               + "Are you sure you want to exit this page?";
    };

    window.onunload = function() {
        // Ending up here means that the user chose to leave
        JQObj.ajax({
            type: "POST",
            url: "http://your.url.goes/here",
            success: function() {}
        });
    };
</script>

另请参阅此 short demo .