Question

在我的应用程序中，我需要确保如果用户离开应用程序（通过关闭选项卡，关闭浏览器或导航到另一个页面），如果他们试图返回应用程序（使用后面）按钮，历史记录或键入链接）它们被定向到一个屏幕，使他们重新登录。

我想我已经解决了这个问题：

在每个页面上，检查我的会话是否可用。
如果是，继续前进。如果没有，请重定向到＆＃34;您必须重新登录。＆＃34;页。
在window.onbeforeunload（）事件中，运行destroy.php脚本。
销毁脚本会导致会话失败。

但我无法从onbeforeunload（）事件中加载我的破坏脚本。

这是索引文件，可以启动：

<?php

/***********************
INDEX for CloseTab test
************************/

// Start the session
echo "<pre>";
echo "Starting session now...";
session_start();

// Put something in the variable that we can get on another page
$_SESSION["name"] = "Joe";
echo "\nJust set session var 'name' to 'Joe'.";

?>

<!-- Open that other page -->
<a href= <?php echo "home.php"; ?> > Click here to open Home page</a>

这是HOME页面，只是为了有一个地方去测试会话：

    <head>

        <!-- ***********************
        HOME for CloseTab test
        ************************** -->

        <!-- Link to jQuery file  -->
        <script   src="https://code.jquery.com/jquery-3.1.1.min.js"   
              integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="   
              crossorigin="anonymous"></script>

        <!-- Link to our custom js code.. -->
        <script type="text/javascript" src=<?php echo "my_scripts.js></script> 

    </head>

    <?php

    // Start the session
    session_start();

    // See if there is any indication that a session is not available.
    // Test with closing tab, closing browser, navigating away from page.
    // We want to see this message if the user is coming here from anywhere except the index page.
    // Test back button, typing the URL, browser history.
    if ( (!isset($_SESSION)) || (session_status() == PHP_SESSION_NONE) || (count($_SESSION) < 1) ) {
        echo "<pre>";
        echo "Your session is not longer active.  Log in again.";
        echo "\n\nPretending to go to a login page...";
        exit;
    }

    ?>

    <!-- If the session is good, we MUST have come from index page, and can access the session var. -->
    <div class="container">
        <h1>Home Page</h1>
        <h2>Here is the name from the session var: <?php echo $_SESSION["name"]; ?> </h2>
    </div>

<div>
    <h3><a href= <?php echo "destroy.php"; ?> > Click here to log out</a></h3>
</div>

</html>

这是我的javascript代码：

/***********************
my_scripts.js
************************/

console.log("in js file");

// Before a page unloads, run the destroy code
window.onbeforeunload = function() {
    console.log("inside onbeforeunload");             // I get this to print

    // Try to execute with AJAX call                  // Nothing in the middle seems to be running
    $.ajax({
        type: "GET",
        url: "destroy.php",
        async: false                     
     });

    // Try with jQuery syntax
    $("container").load("destroy.php");

   console.log("Got this far");                       // I get this to print
}

这是我要加载的破坏代码：

<?php

/******************************************************************
Destroy
- Clears the session var and destroys the session if user leaves app.
******************************************************************/

// Unset all of the session variables and destroy the session.
session_start();
$_SESSION = array();
session_destroy();

?>

<script type="text/javascript">
    // Place message in the console that we can see even if the window closes.
    console.log("DONE!  Session destroyed.")
</script>

Answer 1

您需要小心onbeforeunload。在这种情况下，浏览器不会让你做太多。

如果您想进行AJAX通话，则需要添加async: false。这通常是气馁的事情，但在这里，如果呼叫是异步的，那么浏览器可能会在呼叫完成之前完成事件并关闭页面。

$.ajax({
    type: "GET",
    url: "destroy.php",
    async: false
 });

从window.onbeforeunload（）上传文件

1 个答案: