PHP页面刷新/重访时Session丢失问题求助

你的代码存在几个关键问题，导致明暗模式切换状态出现延迟异常：

1. 重复调用session_start()
   页面开头和<body>标签内各调用了一次session_start()，这会触发PHP警告，还可能导致Session状态读取不一致。session_start()必须在页面输出任何内容前调用一次即可。

2. 输出顺序逻辑错误
   你先基于旧的Session值输出了<body>标签，之后才处理POST请求修改Session。这就导致用户点击按钮提交后，当前页面显示的是修改前的状态，而Session已经被更新，刷新时才会显示新状态，造成“状态延迟生效”的错觉。

3. 重复输出<body>标签
   代码中多次输出<body>标签，导致HTML结构无效，浏览器自动修正后会引发样式显示混乱。

修复后的完整代码 #

<?php
session_start();

// 优先处理POST请求，更新Session中的颜色值
if (isset($_POST['dark'])) {
    if (!isset($_SESSION['color'])) {
        $_SESSION['color'] = "rgb(54, 53, 53)";
    } else {
        // 简化切换逻辑
        $_SESSION['color'] = ($_SESSION['color'] == "rgb(54, 53, 53)") ? "white" : "rgb(54, 53, 53)";
    }
}

// 设置初始默认颜色（首次访问时生效）
if (!isset($_SESSION['color'])) {
    $_SESSION['color'] = "white";
}
?>
<!DOCTYPE html>
<html lang="en-US">
<head>
    <link rel="stylesheet" href="index.css">
    <title>Web Technologies</title>
</head>
<!-- 仅保留一个<body>标签，基于最新Session值设置背景色 -->
<body style="background-color: <?php echo $_SESSION['color']; ?>;">

<?php include_once "templateFunctions.php"; ?>

<div class="header">
    <div class="title" >
        <h1>Jimbo Fimbo</h1><h2><u>Software Stuff</u></h2>    
    </div>

    <div class="img">
        <img id="img1" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTci5Mqm2mgMe_9KfJR0TqMEd-A_wtmqq69cru0wed7OEQF6jVAYycqCY_KzWV0o3hIVYs&usqp=CAU" alt="Profile Image">
    </div>
</div>


<hr style="margin-bottom: 20px;">
<div class="colgroup">
    <div class="column1">
        <h3 style="text-align: center;">Menu</h3><hr style="color:white;">
        <ul style="padding-left:20px; font-size: 25px;">
            <li><a href="https://github.com">GitHub<br></a></li>
            <li><a href="courses.html">Courses<br></a></li>
            <li><a href="https://google.com">School<br></a></li>
        </ul>
    </div>    
        
    <div class="column2">
        <h1>About Me</h1>
        
        <img id="img2" src="https://i.ytimg.com/vi/KEkrWRHCDQU/maxresdefault.jpg">
        <p> 
             Heres some lorem ipsum! <br> Lorem ipsum dolor sit amet. Reprehenderit sunt est quia 
            necessitatibus est eius quis. Est dolor adipisci et dolor molestiae hic vitae expedita eum inventore quam aut mollitia natus. Qui quia 
            dolor aut totam Quis qui expedita repudiandae non quam magni et enim ipsa qui consequatur omnis. Ea incidunt debitis est nemo nesciunt 
            eum quia rerum eum recusandae sunt nam maiores saepe. Hic omnis dolores ab deserunt vero cum fugiat explicabo vel perferendis numquam. 
            Sed unde voluptatibus quo aliquid iure rem accusamus voluptatum aut maxime adipisci id molestiae voluptatem? In quia necessitatibus et 
            provident id nobis eius ea enim voluptatem in aliquam voluptas ut similique facilis. Et porro ipsam eos excepturi voluptatem non ullam sint. 
         </p>
         <p>Stuff goes here </p>
        
    </div>
    
    
    <div class="column3">
        <p style="text-align: center;">Enrolled Courses</p>
        <hr style="color:white;">
        <ol style="padding-left: 20px; font-size: 25px;">
            <li>CS-3753</li>
            <li>CS-4393</li>
            <li>CS-4413</li>
            <li>CS-4423</li>
            <li>CS-4843</li>
        </ol>

        <form action="index.php" method="post" accept-charset=utf-8 >
            <input type="submit" name="dark" id="submit" value="Dark Mode">
        </form>
    </div>
</div>

<footer class="foot">
Copyright 2022, Jimbo Fimbo
</footer>
</body>
</html>

关键修改说明 #

• 把所有PHP逻辑移到页面最顶部，确保session_start()在任何输出前调用，且仅调用一次。
• 先处理POST请求更新Session值，再根据最终的Session值渲染页面，确保当前请求就能显示最新的明暗状态。
• 移除所有重复的<body>输出，只保留一个<body>标签，统一基于Session值设置背景色。
• 添加了默认颜色设置，保证首次访问页面时有初始的白色背景。

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