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(); 
}); 

现在表单被提交，数据存储在服务器端，并在控制器的末尾有以下代码。

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(); 
}); 

Answer 2

浏览器显示提示信息，因为您正在使用后处理方法。我认为它在Firefox上提示，但不在谷歌浏览器上。

解决的办法是改变的帖子得到的方法。当然，如果你发布数据，你不应该那样做。你也可以尝试使用一些JavaScript代码，但是当我遇到非常类似的问题时，它并没有帮助。