表单提交后如何在感谢页设置Cookie？

你的代码存在逻辑错误：window.location.href会立即触发页面跳转，跳转后原页面的JavaScript会停止执行，所以后面的$.cookie代码根本没机会运行，自然无法在感谢页设置Cookie。下面是几种可行的解决方法：

方法一：后端响应时直接设置Cookie（最可靠） #

让处理表单提交的后端接口（即你的actionURL指向的服务）在返回响应时，通过Set-Cookie响应头设置Cookie。这种方式不受前端跳转影响，Cookie会直接绑定到对应路径。

以PHP为例，后端代码示例：

// 处理表单逻辑后设置Cookie
setcookie('newcookie', 'new', time() + 365 * 24 * 3600, '/thank-you');

设置完成后，用户跳转到/thank-you页面时，浏览器会自动带上这个Cookie。

方法二：跳转时携带标识，在感谢页设置Cookie #

1. 修改表单页面的AJAX回调 #

跳转感谢页时，在URL里携带一个标识参数，告诉感谢页需要设置Cookie：

jQuery.ajax({
    type: 'POST',
    url: actionURL,
    data: form.serialize(),
    dataType: 'json',
    success: function(json) {
        window.location.href = "http://www.example.com/thank-you?needCookie=1";
    }
})

2. 在感谢页添加设置Cookie的脚本 #

在/thank-you页面的JavaScript中，检测URL参数并设置Cookie：

$(function() {
    const params = new URLSearchParams(window.location.search);
    if (params.get('needCookie') === '1') {
        $.cookie("newcookie", "new", { path: "/thank-you", expires: 365 });
        // 可选：移除URL参数，避免刷新页面重复设置
        window.history.replaceState({}, document.title, window.location.pathname);
    }
})

方法三：提前设置Cookie并调整路径（不推荐） #

如果一定要在表单页面设置Cookie，需要将Cookie的path设为根路径/，这样整个域名下的页面都能访问到这个Cookie。但这种方式会让全站页面都能读取该Cookie，可能不符合你的需求：

jQuery.ajax({
    type: 'POST',
    url: actionURL,
    data: form.serialize(),
    dataType: 'json',
    success: function(json) {
        // 先设置Cookie，路径设为根目录
        $.cookie("newcookie", "new", { path: "/", expires: 365 });
        // 再执行跳转
        window.location.href = "http://www.example.com/thank-you";
    }
})

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