在 html 中显示一个 php cookie

Question

我已经使用 php 设置了一个 cookie。 这是我的代码：

<?php
include_once 'php/config.php';
session_start();   //starting the session for user profile page
if(!empty($_POST['username']))   //checking the 'user' name which is from Sign-In.html, is it empty or have some text
{
    $username = mysql_real_escape_string($_POST['username']);
    $password = mysql_real_escape_string($_POST['password']);
    $query = mysql_query("SELECT * FROM users where username = '$username' AND password = '$password'") or die(mysql_error());
    $row = mysql_num_rows($query) or die(mysql_error());
    if($row==1)
    {
        $_SESSION['username'] = $username;
        setcookie('username', $username, time() + (86400 * 30), "/"); // 86400 = 1 day
        echo $_SESSION['username'];
        echo "SUCCESSFULLY LOGGEDIN...";
    echo "<script>setTimeout(function(){window.location.href='index.html'},2000);</script>";
    }
    else
    {
        echo "SORRY... YOU ENTERD WRONG ID AND PASSWORD... PLEASE RETRY...";
            echo "<script>setTimeout(function(){window.location.href='index.html'},2000);</script>";
    }
}
?>

我想在 html 中显示“用户名”cookie，例如 Hi "" . 请帮忙。

试过这个javascript：

<script type="text/javascript">
  function getCookie(name)
  {
    var re = new RegExp(name + "=([^;]+)");
    var value = re.exec(document.cookie);
    return (value != null) ? unescape(value[1]) : null;
  }

</script>

Answer 1

使用echo $_COOKIE['username']; 而不是echo $_SESSION['username'];。它将在页面的第二次重新加载时回显。 (Why?)

Answer 2

<span id="myId"><span>
<script>
document.getElementById('myId').innerHTML=listCookies()
function listCookies() {
    var theCookies = document.cookie.split(';');
    var aString = '';
    for (var i = 1 ; i <= theCookies.length; i++) {
        aString += i + ' ' + theCookies[i-1] + "\n";
}
    return aString;
}
</script>