Javascript 或 Jquery 检测页面刷新并重定向到错误页面 - 避免重复数据提交

Question

尝试 jQuery 在使用 F5 刷新 jsp 页面时重定向到错误页面或浏览器刷新按钮如下:

function confirmExit() {
   alert("exiting");
   window.location.href='index.html';
   return true;
}
window.onbeforeunload = confirmExit;

上面的代码在页面刷新时发出警报，但是window.onbeforeunload也会当按下保存按钮且页面未重定向且提交重复数据时发出警报。我这样做是为了避免刷新时重复提交数据。请帮忙。

Answer 1

您无法使用 onbeforeunload 事件进行重新定位。出于安全原因，浏览器根本不允许这样做。 (例如，我可以让你永远留在我的页面上。)

您可以使用 onbeforeupload 做的唯一一件事就是询问用户是否确定您要退出。

您需要接受这样一个事实:您几乎无法通过刷新或其他方式来阻止用户发出 HTTP 请求。相反，您需要在服务器端解决此问题，如果相同的请求发出两次，则重定向浏览器。

<小时/>

回答您有关保存按钮的问题(即使它可能不再相关)。

var saved = false;

function confirmExit() {
   if (saved) return;
   return "Are you sure you want to leave?";
}
window.onbeforeunload = confirmExit;

document.getElementById('#save').onclick = function() {
   saved = true;
}