当用户在其中一个用户注销时,用户将如何从所有打开的选项卡中自动注销

Question

我创建了一个登录页面,其中包含许多其他页面,其中包含用于检查会话的代码.如果用户没有会话,则所有页面都将重新加载并重定向到注销页面.此脚本每三秒调用一次.

我写的代码工作正常,但我想以另一种方式实现它.当用户注销时,所有打开的选项卡都会重新加载/刷新,从而导致用户注销.那可能吗？

sessioncheck.php:

<?php
session_start();
if(isset($_SESSION['username']) && $_SESSION['username'] != ''){
    echo "true";
}
else {
    echo "false";
}
?>

此代码位于每个页脚中:

<script>
    function gettatus(){
        $.get("sessioncheck.php", function(data){
            if(!data) {
                window.location = "logout.php";
            }
            setTimeout(function(){
                checkLoginStatus();
            }, 3000);
        });
    }
    $(document).ready(function(){
        gettatus();
    });
</script>

Answer 1

当ajax很有用时

每隔3秒向服务器发出一个ajax请求对于案例1是有用的.您已在不同的浏览器2或许多计算机中打开了选项卡.3.或者您使用非常旧的浏览器

设置cookie不起作用.

使用设置cookie的方法不起作用,因为一个选项卡不知道另一个选项卡中已更改的cookie.这是因为document(如果使用getCookie获取cookie)选项卡A没有更改请求服务器.您可以打开SO的两个选项卡,并尝试setCookie('name', 'val', 1)在一个选项卡中设置并document.cookie在另一个选项卡中查看.

如何使另一个标签立即知道注销

如果您需要注销同一浏览器的所有选项卡,那么在选项卡之间传递信号会很棒.有几种方法,我想告诉你使用localStorage(这里的演示).

您可以将侦听器附加到storage事件(在更改存储项时触发)并发送logout-event信号.

localStorage.setItem('logout-event', 'logout' + Math.random());

每个其他选项卡都会通过监听器获取它.

window.addEventListener('storage', function(event){
    if (event.key == 'logout-event') { 
        // ..
    }
});

如果旧的浏览器没有 localStorage

您可以使用这两种方法 - localStorage并自动刷新,例如每60秒一次,以确保在不同计算机上打开选项卡时它可以正常工作.如果localStorage不起作用(非常旧的浏览器),每3秒自动刷新一次.

在下面的小提琴显示如何处理它.

还有什么？

您可以使用node.js + socket.io在用户的所有浏览器之间发送信号.它运行迅速,并将在每个设备上注销用户,但它比常见的jQuery更难处理.