三种解决:在点击用户退出登录时,再按浏览器的后退按钮,仍然能够看到之前登录的页面。

        关于这个问题,我尝试了很多方法。我的项目是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访问元素的值。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

清风亦思雨

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值