我可以阻止在执行AJAX调用时调用window.onbeforeunload

Question

我有一个基于AJAX的网格控件.

我们挂钩window.onbeforeunload事件以检查他们是否有未保存的数据,如果是这样,他们会显示一条消息"你确定要导航......你有未保存的数据......".

这一切都很好.

但AJAX调用也会触发window.onbeforeunload,因此如果网格有未保存的数据并且我们进行了AJAX调用(例如删除另一个网格中的行),则用户会收到"你确定要导航......你有未保存的数据......"消息不好.

是否可以抑制AJAX调用的onbeforeunload事件？或者是否可以检测到呼叫是 AJAX呼叫？否则我们必须得到黑客攻击!

谢谢

Answer 1

如果您想通过超链接触发回发,则有一个简单的解决方法:而不是

<a href="javascript:submitFunction();">Submit</a>

要么

<a href="javascript:;" onclick="submitFunction();">Submit</a>

只需使用此代码:

<a href="#" onclick="submitFunction();">Submit</a>

如果超链接的href属性的内容不是当前页面(锐利字符指示),则IE似乎触发onb​​eforeunload事件.

Answer 2

我做了这样的事情:

体内标签:

  var allowConfirm = true;

  window.onbeforeunload = confirmExit;
  function confirmExit()
  {
    if(allowConfirm)
        return "Are you sure you want to navigate away from this page?";
    else
        allowConfirm = true;
  }

当我退出时,我称之为脚本:

allowConfirm = false; return window.location.href;

Answer 3

这真的很奇怪，您确定您的 Ajax 调用没有加载新链接吗？

请务必阅读此相关规范：onbeforeunload 规范

查看 Ajax 调用是否可能触发“要调用”表中列出的任何操作。