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

时间:2017-02-08 11:23:53

标签: javascript php jquery ajax

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

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

sessioncheck.php

xpath

此代码位于每个页脚中:

span class one

5 个答案:

答案 0 :(得分:49)

当ajax有用时

为了防万一,每隔3秒向服务器发出一次ajax请求是很有用的  1.您在不同的浏览器中打开了标签  2.或在许多计算机中。  3.或者您使用非常旧的浏览器

设置Cookie不起作用。

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

如何让其他标签立即知道退出

如果您需要注销同一浏览器的所有标签页,那么在标签页之间传递信号会很棒。我想告诉您有关使用localStoragedemo here)的几种方法。

您可以将监听器附加到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秒自动刷新一次。

following fiddle shows如何处理它。

还有什么?

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

答案 1 :(得分:2)

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

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

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

因此,当您的页面将调用该检查php时,您将发现错误的回复,并且后续用户将无法再从任何浏览器和任何页面访问。并且要自动注销,请尝试此

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

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

答案 2 :(得分:1)

这是你需要的。在这, 代码段显示了一些错误,我不知道为什么。 所以,请将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";
   }
}
<!-- use the below code in logged in home page to check whether the user is logged in still or not in a time interval of 1 second. Change 1000 as per your need.//-->
<body onload = "setTimeout(checkCookie,1000);">
  

答案 3 :(得分:0)

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

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

两者都可以由setTimeoutsetInterval

执行

但第二个应该是好的。

答案 4 :(得分:0)

  

Ajax经常向服务器请求以检查用户是否仍在   是否登录。但这会导致巨大的服务器负载   消耗用户的网络带宽

服务器负载将禁用此选项。我已经测试过了。