PHP+jQuery电商登录后用户ID未传至首页，无法显示购物车图标求助

一、修改后端登录逻辑（/controller/user.php） #

登录验证成功后，通过Session存储用户信息，这是保持登录状态的标准方案：

// 在文件最顶部启动Session（必须在任何HTML输出之前）
session_start();

// 假设你已经完成用户名密码验证，获取到了用户的$user_id和$username
if(/* 登录验证通过的条件 */){
    // 将用户ID和用户名存入Session
    $_SESSION['user_id'] = $user_id;
    $_SESSION['username'] = $username;
    
    // 返回成功响应
    echo json_encode(['status' => 'success', 'message' => '登录成功']);
} else {
    echo json_encode(['status' => 'error', 'message' => '用户名或密码错误']);
}

二、前端登录代码保持不变 #

你现有的jQuery登录请求代码无需修改，跳转首页后会自动读取Session中的用户状态：

$.post('/controller/user.php', { request: "login", password, username }, function (response) {
    // covert json string resp to js obj
    response = JSON.parse(response);
    if (response.status == "success") {
        customAlert("Account login successfully", "success", 3000);
        setTimeout(() => {
            document.location = "/";
        }, 1500);
    } else {
        customAlert(response.message, "error", 3000);
    }
}).fail(function () {
    return customAlert("could not send request, kindly check your internet connection", "error", 3000);
})

三、修改首页的购物车图标判断逻辑 #

将原本依赖$_POST['id']的判断改为读取Session中的用户ID：

<?php
// 首页顶部启动Session
session_start();

// 检查Session中是否存在已登录的用户ID
if(isset($_SESSION['user_id'])){
    echo '<a href="#" class="single-icon"><i class="ti-bag"></i> <span class="total-count">2</span></a>';
}else{
    echo '';
}
?>

核心说明 #

• Session是服务端维护的用户会话状态，只要用户浏览器Cookie正常，登录状态会在会话周期内持续有效，比URL/POST传参更安全、可靠。
• 所有需要读取用户登录状态的页面，都必须在输出任何HTML内容之前调用session_start()，否则会触发PHP错误。
• 后续实现登出功能时，只需调用session_destroy()即可清除用户的登录状态。

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