JS设置Cookie后同页面PHP读取显示undefined，如何无需刷新直接使用？

答案是不行，核心原因是前后端的执行顺序逻辑：
当用户访问你的test.php时，服务器会先执行所有PHP代码（包括输出$_COOKIE['test_Timezone']的部分），生成完整的HTML页面后发送给浏览器；只有当浏览器接收到页面并开始渲染时，<script>标签里的JS代码才会执行并设置Cookie。此时PHP早已执行完毕，根本不可能读取到刚设置的Cookie值——只有刷新页面时，浏览器才会把新设置的Cookie随请求一起发给服务器，PHP才能通过$_COOKIE获取到它。

针对你需要的「首次访问无需刷新就让PHP拿到时区」的场景，提供两种可行方案：

方案一：AJAX异步传递+页面更新 #

通过JS获取时区后，异步传给后端接口保存到Session/Cookie，再用JS更新页面显示，实现无刷新体验。

修改后的test.php代码： #

<?php
require $_SERVER['DOCUMENT_ROOT'].'/assets/functions/session.php';
// 先从Session取已保存的时区，没有则显示占位内容
$timezone = $_SESSION['test_Timezone'] ?? '正在获取时区...';
?>
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
</head>
<body>
    <div id="timezone-display">timezone is : <?php echo $timezone; ?></div>
    <script>
        // 获取浏览器时区
        const tz = Intl.DateTimeFormat().resolvedOptions().timeZone ?? 'UTC';
        
        // 异步发送时区到后端保存
        fetch('/save-timezone.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded',
            },
            body: `timezone=${encodeURIComponent(tz)}`
        }).then(res => res.text())
          .then(data => {
              if (data === 'success') {
                  // 更新页面显示的时区
                  document.getElementById('timezone-display').textContent = `timezone is : ${tz}`;
                  // 同时设置Cookie，方便后续请求使用
                  document.cookie = `test_Timezone=${tz}; expires=0; path=/; domain=test.bs5; samesite=lax`;
              }
          });
    </script>
</body>
</html>

新增save-timezone.php接口代码： #

<?php
session_start();
if (isset($_POST['timezone'])) {
    // 把时区存入Session，当前页面PHP可直接读取
    $_SESSION['test_Timezone'] = $_POST['timezone'];
    // 可选：服务器端也设置Cookie，覆盖浏览器端的设置
    setcookie('test_Timezone', $_POST['timezone'], 0, '/', 'test.bs5', false, true);
    echo 'success';
} else {
    echo 'error';
}
?>

方案二：前置跳转传递参数 #

先通过纯JS页面获取时区，跳转到带参数的PHP页面，PHP直接从URL参数中获取时区并设置Cookie/Session，适合完全依赖PHP渲染内容的场景。

新增入口页index.php： #

<!DOCTYPE html>
<html>
<head>
    <script>
        const tz = Intl.DateTimeFormat().resolvedOptions().timeZone ?? 'UTC';
        // 跳转到带时区参数的目标页面
        window.location.href = `/test.php?tz=${encodeURIComponent(tz)}`;
    </script>
</head>
<body>
</body>
</html>

修改后的test.php代码： #

<?php
require $_SERVER['DOCUMENT_ROOT'].'/assets/functions/session.php';
// 接收URL参数，设置Cookie和Session
if (isset($_GET['tz'])) {
    $tz = $_GET['tz'];
    setcookie('test_Timezone', $tz, 0, '/', 'test.bs5', false, true);
    $_SESSION['test_Timezone'] = $tz;
}
// 优先从Cookie/Session读取时区
$timezone = $_COOKIE['test_Timezone'] ?? $_SESSION['test_Timezone'] ?? 'UTC';
?>
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
</head>
<body>
    <?php echo 'timezone is : '.$timezone; ?>
</body>
</html>

内容的提问来源于stack exchange，提问作者user756659