在表单提交上显示加载消息 - 后退按钮问题

Question

提交表单时，我显示了一个带有加载消息和图像的 div：

$("#some_form").submit(function(){
  $("#some_form #loading").show();
});

这按我的预期工作。但是，如果您使用后退按钮返回，加载的 div 仍然可见，因为浏览器尚未重新加载页面。

当使用后退按钮时，是否有一个浏览器事件可以用来隐藏加载 div？或者也许我以错误的方式处理整件事？

感谢您的帮助！

Answer 1

由于您正在显示“正在加载”图像，因此您可能正在使用 AJAX。正确的？您应该使用 ajax-start 和 ajax-complete 事件 =)

编辑：
您可以尝试：

 window.onbeforeunload = function() {

     $("#some_form #loading").hide();

 }

或者这样：

http://www.bajb.net /2010/02/浏览器后退按钮检测/

Answer 2

如何使用标头 Cache-Control: no-cache 告诉浏览器不要缓存原始页面？当返回历史记录时，应强制其重新加载页面。

window.onunload 怎么样？

Answer 3

你可以

<script>
$(function() { 
    $("#some_form #loading").hide(); 
});
</script>

在心里加上去。因此，只要页面完全加载，它就会隐藏 div。据我所知，当按下后退按钮时，这也应该起作用。