PHP header跳转后localStorage写入未更新问题求解

你遇到的是服务端/前端执行时序不匹配的问题：

• header()是PHP服务端函数，执行时会直接向浏览器返回302重定向响应，浏览器收到响应后会立刻跳转，不会渲染当前返回的HTML内容，更不会执行页面里嵌入的JS代码。
• 你现在把header('Location:review_menu.php')写在JS代码块中间，PHP解析到这行就直接触发跳转，前面的localStorage.setItem逻辑根本没有运行机会，自然无法更新本地存储。
• 额外逻辑bug：你把PHP跳转代码写在JS的if (typeof(Storage) !== "undefined")分支里是无效的，PHP在服务端运行时根本不会识别外层的JS条件判断，不管浏览器支不支持localStorage，只要代码运行到这行就会直接跳转。

移除header代码后，服务端不会提前触发重定向，页面完整加载后JS正常执行，localStorage写入就正常，和你观察到的现象完全一致。

两种方案二选一即可：

方案1：JS写入完成后用前端跳转 #

彻底移除服务端的header跳转逻辑，等JS执行完localStorage写入后，再通过JS触发页面跳转，参考修正后的代码：

if (!in_array($id, $_SESSION['seenRight'])) {
    array_push($_SESSION['seenRight'],$id);
    if (count($_SESSION['seenRight']) == 10) {
        // 服务端提前计算好进度值，不要把PHP逻辑零散嵌在JS里
        $wrongNum = count($_SESSION['seenWrong']);
        $progressVal = match(true) {
            $wrongNum == 0 => 50,
            $wrongNum <= 2 => 40,
            $wrongNum <= 4 => 30,
            $wrongNum <= 6 => 20,
            $wrongNum <= 8 => 10,
            default => 0
        };
        $level = $_SESSION['level'];
        // 提前重置会话数据
        unset($_SESSION['level'], $_SESSION['id']);
        $_SESSION['seenRight'] = $_SESSION['seenWrong'] = [];
        ?>
        <script>
            if (typeof Storage !== "undefined") {
                localStorage.setItem(`progressLevel<?= $level ?>`, "<?= $progressVal ?>");
            }
            // 写入完成后统一跳转，replace不会在历史记录留中间页
            location.replace('review_menu.php');
        </script>
        <?php
        exit; // 终止后续代码执行
    }
}

方案2：进度完全存服务端 #

既然进度值是服务端根据答题结果计算的，没必要绕路让前端写localStorage：直接把进度存在SESSION或者用户对应的数据库记录里，跳转到review_menu.php后服务端直接读取进度渲染页面即可，这种方式不受浏览器存储权限、JS禁用的影响，稳定性更高。

• 所有PHP的header()跳转逻辑后面必须加exit/die终止执行，否则后续代码还会继续运行，容易出现逻辑漏洞。
• 不要嵌套写服务端和前端的条件判断：两者运行环境、执行时机完全隔离，PHP运行时不会感知任何JS的判断结果。

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