关于这个问题,我尝试了很多方法。我的项目是springboot + theamleaf完成的,当时我的关闭功能是通过a标签进行后端请求,后端清除session,返回登录页面。从逻辑上来说,这是没毛病的,但是,偶然间发现,退出登录后,点击浏览器的后退按钮,仍可以回到登陆完成的页面,因为我使用的是Ajax前后端交互,因此,页面不需要刷新,仍然可以向后端请求数据。那么,问题就来了,我尝试的解决办法和最后的最佳解决办法。
1.禁止浏览器的后退键,代码如下:
<script>
history.go(1);
var counter =0;
if (window.history && window.history.pushState) {
$(window).on('popstate', function () {
window.location='login';
// self.location="orderinfo.html";//如查需要跳转页面就用它
});
}
window.history.pushState('#',null,'#');//在IE中必须得有这两行
window.history.forward(1);
</script>
这个办法我最先尝试,发现多次快速后退,会失效,而且会影响地址栏的地址。不同浏览器可能会有其他问题。
2.听说是因为浏览器的缓存,那就禁止页面缓存,代码如下:
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
这是HTML,要知道,兼容性处理很麻烦,chrome浏览器还不支持,而且其他浏览器偶尔失效。并且只是清除缓存没什么用,对于有些问题有帮助,比如执行数据后。
PS:清除浏览器中的缓存,它和其它几句合起来用,就可以使你再次进入曾经访问过的页面时,ie浏览器必须从服务端下载最新的内容,达到刷新的效果。
3.既然是浏览器的缓存,那么就加上版本号,通过js实现文件添加版本号,代码如下:
<script type="text/javascript">
document.write("<script src='**.js?" + Math.random() + "'><\/script>");
</script>
既然是浏览器缓存搞鬼,不刷新是没用的,因此这个办法也不行。(不管是浏览器的缓存还是浏览器的后退,他们本就无罪,这些都是防君子,不防小人。)
4.最终解决办法,Ajax向后台清空session,如果成功,则刷新本页,代码如下:
$('#user-exit').click(function () {
$.ajax({
url: "/loginOut",
type: "POST",
success: function (data) {
location.reload();
},
error: function () {
alert("Ajax请求出错!");
}
})
})
Session是运行在服务器端的,JavaScript是运行在客户端的,JavaScript不能直接运行服务器端的代码。没有用到Ajax,可以用js,先将Session的值传递到前端某一元素中,然后使用js访问元素的值。