当用户在php中打开的一个选项卡中注销时,自动注销所有打开的选项卡

Sja*_*jay 5 javascript php session jquery tabs

我正在研究php中的php会话概念.使用jquery和php创建登录页面,并在我登录会话运行时为所有页面创建会话我可以在另一个选项卡中打开登录的URL,但是我在登出时遇到问题.

当我在其中一个打开的浏览器选项卡中注销其他选项卡时,如果我刷新页面被注销,它仍会手动运行.我的要求是当我在其中一个选项卡中注销时,其他选项卡应该自动注销而不是手动注销.

DB文件

<?php
    session_start();
    $con = mysqli_connect("localhost", "root", "","testing") or die ("Oops! Server not connected"); // Connect to the host

?>
Run Code Online (Sandbox Code Playgroud)

的login.php

   <?php
    include 'db.php';
    if(isset($_SESSION['username']) && $_SESSION['username'] != '')
    { // Redirect to secured user page if user logged in

        echo '<script type="text/javascript">window.location = "userpage.php"; </script>';
    }
?>
<html>

    <body>
        <form>
            <table class="mytable">
                <tr>
                    <td>Username</td>
                    <td>
                        <input type="text" name="username" id="username" class="as_input" value="s"/>
                    </td>
                </tr>
                <tr>
                    <td>Password</td>
                    <td>
                        <input type="password" name="password" id="password" class="as_input" value="s"/>
                    </td>
                </tr>
                <tr>
                    <td></td>
                </tr>
                <tr>
                    <td colspan="2">
                        <input type="submit" name="login" id="login" class="as_button" value="Login &raquo;" />
                    </td>
                </tr>
            </table>
        </form>

    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

欢迎主页

<?php
    include 'db.php';
    if(!isset($_SESSION['username']) || $_SESSION['username'] == '')
    {
        echo '<script type="text/javascript">window.location = "login.php"; </script>';
    }
?>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>

    <body>

        <div class="as_wrapper">

            <h2>
                welcome to home page
            </h2>
            <a href="logout.php" class="a">logout</a><br><br>
            <a href='#'>test link</a>
        </div>

    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

logout.php

<?php
    include 'library.php';
    session_destroy();
    unset($_SESSION['username']);
    unset($_SESSION['password']);
    echo '<script type="text/javascript">window.location = "login.php"; </script>';

?>
Run Code Online (Sandbox Code Playgroud)

voi*_*oid 10

创建一个php页面:

checkStatus.php

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

    else 
        echo false;
?>
Run Code Online (Sandbox Code Playgroud)

现在每个页面都有这个jQuery代码:

var _delay = 3000;
function checkLoginStatus(){
     $.get("checkStatus.php", function(data){
        if(!data) {
            window.location = "logout.php"; 
        }
        setTimeout(function(){  checkLoginStatus(); }, _delay); 
        });
}
checkLoginStatus();
Run Code Online (Sandbox Code Playgroud)

因此,在某些延迟之后的每个页面都将重复调用一个js函数,它将通过对php文件(您已创建)进行ajax调用来检查登录状态.如果用户从任何用户注销,它将在浏览器中销毁会话并使所有选项卡重定向到logout.php页面.