如何在用户提交表单时禁用beforeunload操作？

Question

我有这段小代码:

<script>
$(window).bind('beforeunload', function() {
  $.ajax({
    async: false,
    type: 'POST',
    url: '/something'
    });
  });
</script>

我想知道,当用户点击提交按钮时,如何禁用此请求.

基本上就像这里一样,在SO上.当您提出问题并决定关闭页面时,会出现一个警告窗口,但是当您提交表单时不会发生这种情况.

Answer 1

unbind使用beforeunload事件处理程序调用:

$('form#someForm').submit(function() {
   $(window).unbind('beforeunload');
});

要阻止提交表单,请添加以下行:

   return false;

Answer 2

使用

$('form').submit(function () {
    window.onbeforeunload = null;
});

在主要提交功能之前确保你有这个!(如果有的话)