javascript - 如何在没有更改提示的情况下将用户重定向到新页面而不退出

Question

我正在使用 Laravel 5.2 并处理其他人的代码，它有一个表单缺少在服务器端存储表单值所需的字段。我添加了一个新的隐藏输入字段并通过以下代码设置它的值。

<form method="POST">
    <input type="hidden" value="" id="hidden_field" />
    <input type="submit" class='action_button' data-action='save' />
</form>

$('.action_button').on('click', function(event) {
    event.preventDefault();
    $('#hidden_field').val($(this).data('action');
    $('#form').submit();
});

现在表单已提交，数据存储在服务器端， Controller 末尾有以下代码。

return redirect(url('home'));

虽然逻辑现在工作正常，但每当我尝试进行一些更改并提交表单时，服务器端都会告诉浏览器重定向，但浏览器认为我有未保存的更改，因此它会提示我退出而不保存或停留。如何在不完全禁用提示的情况下避免这种情况？

Answer 1

经过长时间的调试后，我的问题得到了解决，并且由于某些全局 JS 文件而引发了错误，该文件对于页面上的每个输入按钮都有 window.onbeforeunload 。我发布此信息是为了其他可能面临此问题的人。确保您具有如下点击功能。

$('.action_button').on('click', function(event) {
    event.preventDefault();
    window.onbeforeunload = null;
    $('#hidden_field').val($(this).data('action');
    $('#form').submit();
});