javascript - 确认浏览器退出/浏览器退出技术

Question

我已经四处寻找了一段时间，但还没有完全找到我一直在寻找的东西。我的网页存储报告，用户可以保存这些报告。

我正在寻找一种方法，使用 jquery 或 javascript onunload/onbeforeunload 来询问用户是否希望在浏览器关闭/导航时保存报告或继续而不保存。

使用 onbeforeunload 我可以让用户能够停止导航并手动保存，尽管我更愿意通过对话框完成保存。 onbeforeunload 的另一个问题是点击标签也会调用 onbeforeunload 方法。

保存是异步的，需要几毫秒。

欢迎提出任何建议。

问候，拜伦·科布。

Answer 1

这可能是唯一一次 syncronized Ajax 调用是合理的。

window.onbeforeunload = function(){
   $.ajax({
      url:      'somewhere',
      type:     'POST',
      dataType: 'text',
      async:    false,
      data:     'you_data_here',
      success:  function(data){
      }
   });
};

这样您应该能够将一些数据传输到您的服务器，而浏览器会阻止卸载。这有一些缺点。最明显的是，这可能不是很好的用户体验，具体取决于要传输多少数据以及需要多长时间。
另一个是这种方法在某些(较旧的)浏览器中不可用。

一个不错的选择可能是不时或在每次操作后自动保存您的数据。