PHP小例子（1）--jQuery检查session过期后并实现跳转

最新推荐文章于 2024-04-25 15:54:14 发布

三哥自尊心强

最新推荐文章于 2024-04-25 15:54:14 发布

阅读量222

点赞数

分类专栏： PHP 文章标签： php jquery ajax

本文链接：https://blog.csdn.net/yaoguoxing/article/details/112112671

版权

PHP 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

PHP7.2+Bootstrap 5测试，未通过，貌似jsquery中的setinterval有问题。
用到的数据库文件

  --  
 -- Table structure for table `tbl_users`  
 --  
 CREATE TABLE IF NOT EXISTS `tbl_users` (  
  `id` int(11) NOT NULL AUTO_INCREMENT,  
  `username` varchar(20) NOT NULL,  
  `password` varchar(20) NOT NULL,  
  PRIMARY KEY (`id`)  
 ) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;

index3.php

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">

    <title>Hello, world!</title>
        <style>  
            #box  
            {  
                width:600px;  
                background:gray;  
                color:white;  
                margin:0 auto;  
                padding:10px;  
                text-align:center;  
            }  
        </style>
        <script>  
            $(document).ready(function(){  
                function check_session()
                {
                    $.ajax({
                        url:"check_session.php",
                        method:"POST",
                        success:function(data)
                        {
                            if(data == '1')
                            {
                                alert('登陆时间过长，请重新登陆');  
                                window.location.href="login.php";
                            }
                        }
                    })
                }
                setInterval(function(){
                    check_session();
                }, 1000);  //10000 means 10 seconds
            });  
        </script>  
  </head>
  <body>
    <?php  
        session_start();  
        if(isset($_SESSION["name"]))  
        {  
            echo "<h1 align='center'>使用Ajax查询session是否过期</h1>";
            echo "<h1 align='center'>".$_SESSION["name"]."</h1>";  
            echo "<p align='center'><a href='logout.php'>Logout</a></p>";  
        }  
        else  
        {  
            header('location:login.php');  
        }  
        ?>  
   

    <!-- Optional JavaScript; choose one of the two! -->

    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>

    
  </body>
</html>

<?php  
    //login.php  
    $connect = mysqli_connect("localhost", "root", "password", "test");
    session_start();  
    if(isset($_POST["sub"]))  
    {  
        $username = mysqli_real_escape_string($connect, $_POST["name"]);
        $password = mysqli_real_escape_string($connect, $_POST["pass"]);
        $query = "SELECT * FROM tbl_users WHERE username = '".$username."' AND password = '".$password."'";
        $result = mysqli_query($connect, $query);
        if(mysqli_num_rows($result) > 0)
        {
            $_SESSION["name"] = $_POST["name"];
            header("location:index3.php"); 
        }
        else
        {
            echo '<script>alert("用户名与密码不配")</script>';
        }    
    }  
 ?>  
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">

    <title>Hello, world!</title>
        <style>  
            #box  
            {  
                    width:600px;  
                    background:gray;  
                    color:white;  
                    margin:0 auto;  
                    padding:10px;  
                    text-align:center;  
                    margin-top:100px;
            }  
        </style>  
    </head>
    <body>
        <div id="box">
            <h1 class="text-center">Ajax检查session是否过期，并跳回自动登陆界面</h1>  
            <h2>登陆界面</h2>  
            <form method="post">  
                <input type="text" name="name" id="name" placeholder="输入用户名" class="form-control" /><br />  
                <input type="password" name="pass" id="pass" placeholder="输入密码" class="form-control" /><br />  
                <input type="submit" name="sub" id="sub" class="btn btn-info" value="登陆" />  
            </form>  
            <br /><br />  
        </div>  
    

        <!-- Optional JavaScript; choose one of the two! -->

        <!-- Option 1: Bootstrap Bundle with Popper -->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>

        
    </body>
</html>

logout.php

<?php  
    //logout.php  
    session_start();  
    session_destroy();  
    header('location:login.php');  
 ?>

check_session.php

<?php  
    //check_session.php  
    session_start();
    if(isset($_SESSION["name"]))  
    {  
        echo '0';     //session not expired       
    }  
    else  
    {  
        echo '1';     //session expired  
    }
 ?>

三哥自尊心强

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
PHP小例子（1）--jQuery检查session过期后并实现跳转

PHP7.2+Bootstrap 5测试，未通过，貌似jsquery中的setinterval有问题。用到的数据库文件 -- -- Table structure for table `tbl_users` -- CREATE TABLE IF NOT EXISTS `tbl_users` ( `id` int(11) NOT NULL AUTO_INCREMENT, `username` varchar(20) NOT NULL, `password` va
复制链接

扫一扫