javascript - 检测用户是否离开页面并使用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}
            });
}