AJAX 调用成功后注销用户

Question

我有一个如下所示的 ajax 代码，我想在特定时间段不活动后注销页面。下面的代码在文件 mno.php 中（包括 javascript 和 php）。我的登录/注销代码在 mno.php 文件中。

我认为我需要在 A 行 进行更改。我尝试使用{'logout'} 而不是{action:'logout'}，但它仍然无法正常工作。我的登录和注销代码在 mno.php 中。

<?php
if(isset($_GET['action'])  && $_GET['action'] == "logout")  {
    unset($_SESSION['admin']);
    header('location: /abc/mno.php.php');
    exit();
}
?>


<script>
jQuery(document).ready(function ($) {

    let lastActivity = <?php echo time(); ?>;  

    let now = <?php echo time(); ?>;

    let logoutAfter = 10;

    let timer = setInterval(function () {
        now++;
        let delta = now - lastActivity;
        console.log(delta);
        if (delta > logoutAfter) {
            clearInterval(timer);
            //DO AJAX REQUEST TO close.php
            $.ajax({
                url: "/abc/mno.php",
                type: 'GET', 
                data: {action:'logout'},           // Line A
                success: function(data){
                console.log(data); // Line B
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    alert(textStatus);
                }
            });
        }
    }, 1000);
});
</script>

问题陈述：

我想知道我需要在 A 行或 php 中进行哪些更改，以便页面在 10 秒不活动或我们设置的任何时间后注销。

编辑 1：我将 console.log(data) 放在 B 行。在控制台上，我得到了登录页面的 HTML，但该页面仍未注销。我的登录页面代码在 mno.php 中。在执行 console.log(data) 时，我在控制台上得到以下信息：

<form action="/abc/mno.php" method="post">
        <div style='width:400px;'>
            <input type="hidden" id="user_login" name="user_login" value="1">
            <fieldset>
                <legend>Login</legend>
                                <div>
                    <label for="user_name">User Name</label>
                    <input type="text" name="user_name">
                </div>
                <div>
                    <label for="user_pass">Password</label>
                    <input type="password" name="user_pass">
                </div>
                <div>
                    <button type="submit">Login</button>
                </div>
            </fieldset>
        </div>
</form>

编辑 2：我已将 /mno.php 替换为 /abc/mno.php

Answer 1

由于您在处理响应后使用了 ajax，因此必须将响应返回给 ajax，现在您的代码正在发送回 mno.php 的 html 数据，因为您无法从您的 php 代码重定向。相反，请执行以下操作：

你的 ajax 代码：

 $.ajax({
  url: "test.php",
  type: 'GET',
  data: {
    action: 'logout'
  }, // Line A
  success: function(data) {
  //checking if data coming from php is "success"
    if (data === "success") {
    //to redirect
      window.location.href = "login_page_to_redirect";
    }else{
     alert("error");
   }
  },
  error: function(xhr, status, error) {
    console.log(xhr.responseText);
    console.log(error);
    console.log(status);
    console.log(xhr);
  }
});

你的 php 代码：

if(isset($_GET['action'])  && $_GET['action'] == "logout")  {
    unset($_SESSION['pageadmin']);
   //this will send back to ajax
   echo "success";
  }else{
  echo "error";
  }

Answer 2

我尝试了确切的代码，并且在给定的时间之后它工作了。 ajax url 是文件 url 本身（包括 php 和 ajax 调用）。

test.php：

<?php
if(isset($_GET['action'])  && $_GET['action'] == "logout")  {
    echo 'logged out';
}
?>

<script src="js/jquery-min.js"></script>
<script>
jQuery(document).ready(function ($) {

    let lastActivity = <?php echo time(); ?>;  

    let now = <?php echo time(); ?>;

    let logoutAfter = 10;

    let timer = setInterval(function () {
        now++;
        let delta = now - lastActivity;
        console.log(delta);
        if (delta > logoutAfter) {
            clearInterval(timer);
            //DO AJAX REQUEST TO close.php
            $.ajax({
                url: "test.php",
                type: 'GET', 
                data: {action:'logout'},           // Line A
                success: function(data){
                console.log(data); // Line B
                },
                error: function(xhr, status, error) {
                    console.log(xhr.responseText);
                    console.log(error);
                    console.log(status);
                    console.log(xhr);
                }
            });
        }
    }, 1000);
});
</script>

我从 php 中获得了“已注销”以及文件中的其他内容。 所以你应该能够执行你的注销功能。 也许检查您的网址是否正确。