小编典典

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

ajax

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

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

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>

阅读 208

收藏
2020-07-26

共1个答案

小编典典

当ajax有用时

在以下情况下,每3秒向服务器发出一个ajax请求非常有用:1.在不同的浏览器中2.或在许多计算机中打开了选项卡。3.或者您使用非常旧的浏览器

设置Cookie无效。

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

如何使另一个选项卡立即了解注销

如果您需要注销同一浏览器的所有选项卡,那么在选项卡之间传递信号会很棒。有两种方法,我想告诉您有关使用的方法localStorage此处为demo)。

您可以将侦听器附加到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难处理一点。

2020-07-26