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

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

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

sessioncheck.php

 

此代码位于每个页脚中:

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

当ajax很有用时

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

设置cookie不起作用。

使用设置cookie的方法不起作用,因为一个选项卡不知道另一个选项卡中已更改的cookie。 这是因为没有请求服务器的选项卡A的document (使用getCookie获取cookie)。 您可以打开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更难处理。

让我们考虑你正在使用php会话的一些事情,并且每次加载页面时或者在一段时间后检查以下代码

  

所以在你的logout.php文件中,你可能正在做这样的事情($ _ SESSION [‘username’]); 和session_destroy();

因此,当您的页面将调用该检查php时,您将发现错误的回报,并且以下用户将无法再从任何浏览器和任何页面访问。 并且为了自动注销,试试这个

 $sessionTTL = time() - $_SESSION["timeout"]; if ($sessionTTL > $inactive) { session_destroy(); unset($_SESSION['username']); echo false; 

注意:您必须设置$inactive = 6000; (例如)登录时作为全局变量

这就是你需要的。 在这里, 代码片段显示了一些我不知道为什么的错误。 所以,请将javascript代码复制到浏览器控制台(f12)并进行检查。 它工作当用户登录时,您必须使用

 setCookie('loggedin','true',1); 

这里我们设置一个名为登录的cookie

 function setCookie(cookiename, cookievalue, expdays) { var d = new Date(); d.setTime(d.getTime()+(expdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toUTCString(); document.cookie = cookiename + "=" + cookievalue + "; " + expires; } function getCookie(cookiename) { var name = cookiename + "="; var startPos = document.cookie.indexOf(name); if(startPos == -1) return null; startPos+=(name.length); if(document.cookie.indexOf(";",startPos) == -1){ return document.cookie.substring(startPos,document.cookie.length); } else{ return document.cookie.substring(startPos,document.cookie.indexOf(';',startPos)); } return null; } function checkCookie() { var loggedin = getCookie("loggedin"); if (loggedin && loggedin !=null) { // Logged in //do nothing } else{ window.location.href="login.php"; } } 
   

为此,您有两个选择。 将会话值存储在服务器中并经常向服务器发出Ajax请求,以检查用户是否仍在登录。 但这会造成巨大的服务器负载,也会消耗用户的网络带宽。 要不然,

经常在浏览器中检查登录的cookie是否仍然存在。 这将是一个很好的方法

两者都可以通过setTimeoutsetInterval来执行

但第二个应该是好的。