JS Cookie更新失败求助：部门下拉选择后Cookie未正常写入

1. Cookie expires 参数错误 #

你设置的 expires=0 会让Cookie立即过期被删除，这是核心问题。expires 需要传入GMT格式的未来时间，或者用 max-age 指定有效秒数更直观：

// 设置Cookie1天后过期，路径为网站根目录
const expiry = new Date();
expiry.setDate(expiry.getDate() + 1);
document.cookie = `selectedDept=${dept_selected}; expires=${expiry.toUTCString()}; path=/;`;

// 或者用max-age更简洁（单位：秒）
document.cookie = `selectedDept=${dept_selected}; max-age=86400; path=/;`;

2. Cookie path 参数设置错误 #

你写的 path=/departments.php 是错误的，path 应该是目录路径前缀而非具体文件名。如果departments.php在网站根目录，直接设为 path=/ 就能让全站页面访问这个Cookie；如果在子目录（比如/departments/），则设为path=/departments/。错误的路径会导致Cookie无法被当前页面读取，所以控制台看不到它。

3. PHP获取Cookie需要页面刷新 #

PHP的$_COOKIE是在请求开始时从HTTP头读取的，你用JS设置Cookie后，当前页面的PHP代码已经执行完毕，必须刷新页面才能让PHP拿到新的Cookie值。如果不想刷新页面，可以用AJAX把选中值传给PHP存入Session：

function readDept(){
    const dp_dept = document.querySelector("select[name='dd-department']");
    let dept_selected = dp_dept.options[dp_dept.selectedIndex].value;

    if (dept_selected != ''){
        // 修复后的Cookie设置
        const expiry = new Date();
        expiry.setDate(expiry.getDate() + 1);
        document.cookie = `selectedDept=${dept_selected}; expires=${expiry.toUTCString()}; path=/;`;
        
        // AJAX通知PHP更新Session
        fetch('save-dept-session.php', {
            method: 'POST',
            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
            body: `dept=${encodeURIComponent(dept_selected)}`
        });
        
        console.log(`Cookie已设置: ${dept_selected}`);
    }
}

对应的save-dept-session.php：

<?php
session_start();
if(isset($_POST['dept'])){
    $_SESSION['selectedDept'] = $_POST['dept'];
}
?>

之后PHP可以直接从$_SESSION['selectedDept']获取最新值，无需刷新页面。

4. 额外排查点 #

• 检查浏览器是否禁用了Cookie：打开浏览器设置，确认允许存储Cookie。
• 用浏览器开发者工具的Application标签（Chrome/Firefox）查看Cookies列表，这里能直观看到Cookie的过期时间、路径等属性，比console.log(document.cookie)更准确。
• 如果网站是HTTPS协议，需要给Cookie添加Secure属性：document.cookie = "selectedDept=HR; ...; Secure;"，否则Cookie不会被设置。

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