登录成功后跳转home.html并传递$loginSuccess变量的问题修复

思路1：将home.html改为home.php（推荐，安全性更高） #

静态HTML无法直接接收PHP变量，因此先把home.html重命名为home.php，通过Session传递登录状态：

login.php 关键修改 #

登录验证通过后，启动Session并设置状态，随后跳转：

// 假设已完成登录验证，$loginSuccess为布尔值
session_start();
$_SESSION['loginSuccess'] = $loginSuccess;
// 跳转至home.php
header("Location: home.php");
exit; // 必须添加，防止后续代码执行导致跳转失效

home.php 接收并使用变量 #

在页面开头启动Session，读取状态后嵌入页面逻辑：

session_start();
// 处理Session不存在的情况，默认设为false
$loginSuccess = $_SESSION['loginSuccess'] ?? false;
?>
<!DOCTYPE html>
<html>
<body>
    <?php if($loginSuccess): ?>
        <h3>登录成功，欢迎回来！</h3>
    <?php else: ?>
        <p>请先完成登录操作</p>
    <?php endif; ?>
    <!-- 原home.html的其他内容 -->
</body>
</html>

思路2：通过URL GET参数传递（适合简单场景，不建议传递敏感信息） #

如果不想修改HTML文件类型，可通过URL参数传递状态，再用JavaScript读取：

login.php 关键修改 #

// 登录成功后拼接参数跳转
$loginSuccess = true;
header("Location: home.html?loginSuccess=" . ($loginSuccess ? '1' : '0'));
exit;

home.html 用JS读取参数 #

在HTML中添加脚本处理URL参数：

<script>
function getUrlParam(paramName) {
    const params = new URLSearchParams(window.location.search);
    return params.get(paramName);
}

const isLoginSuccess = getUrlParam('loginSuccess') === '1';
if(isLoginSuccess) {
    // 动态插入登录成功提示
    const successMsg = document.createElement('p');
    successMsg.textContent = '登录成功！';
    document.body.prepend(successMsg);
}
</script>

原问题原因 #

你的代码大概率是登录成功后既没有执行跳转逻辑，也没有输出任何内容，导致浏览器渲染空白页面。必须通过header("Location: ...")触发跳转，且紧跟exit终止脚本，避免后续代码干扰。

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