检测用户是否要离开页面并使用ajax删除

Question

如果用户未完成我网页中的所有步骤，我希望删除已保存的数据。

这是我所做的：

window.onbeforeunload = confirmExit;

function confirmExit()
{
    if (!$('body').find('.wizard_completed').attr('class')) {
        if (confirm($('body').find('.exit_confirm').html())) {
            $.ajax({
                type: 'POST',
                data: {action: delete_event}
            });
        }
    }
}

问题是，如果用户单击“取消”，则即使不应该刷新页面，页面也仍然会刷新。 如果单击“取消”，如何避免刷新页面？

Answer 1

您将必须使用onunload事件进行AJAX调用，并在onbeforeunload显示以下消息：

window.onbeforeunload = confirmExit;
window.onunload = onunload;

function confirmExit()
{
    if (!$('body').find('.wizard_completed').attr('class')) {
        return $('body').find('.exit_confirm').html();
    }
}

function onunload(){
     $.ajax({
                type: 'POST',
                data: {action: delete_event}
            });
}