JavaScript Cookie无法设置求助：document.cookie赋值后仍为空

我帮你梳理下你遇到的问题：你写的document.cookie = "name=content;expires=100000;path=/"之所以没成功创建Cookie，最核心的问题是expires参数的格式错误——它要求传入的是符合GMT标准的日期字符串，而不是单纯的数字。

给你两个正确的设置方式：

• 更推荐用max-age参数（直接填过期秒数，直观易懂）：

document.cookie = "name=content;max-age=100000;path=/"

• 如果非要用expires，需要把秒数转换成GMT格式的日期：

const expireTime = new Date();
// 把100000秒转成毫秒，加到当前时间上
expireTime.setTime(expireTime.getTime() + 100000 * 1000);
document.cookie = `name=content;expires=${expireTime.toGMTString()};path=/`;

除此之外，还有几个常见的坑你可以排查：

• 如果你的网页是在HTTPS环境下运行，必须加上Secure属性，否则浏览器会拒绝保存Cookie：

  document.cookie = "name=content;max-age=100000;path=/;Secure"
  

• 现代浏览器默认对Cookie的SameSite属性有限制，如果是跨域场景（比如和Ajax请求相关的Cookie），可能需要设置SameSite=None（必须搭配Secure）；同域页面的话，默认的SameSite=Lax就够用。
• 检查Cookie的名称和值有没有特殊字符（比如空格、逗号、分号），如果有的话要用encodeURIComponent编码，避免解析错误：

  const cookieName = encodeURIComponent("user name");
  const cookieValue = encodeURIComponent("hello world!");
  document.cookie = `${cookieName}=${cookieValue};max-age=100000;path=/`;
  

另外你提到的jQuery、Ajax和Bootstrap这些库，本身不会影响页面内的Cookie设置，除非你的Ajax请求有特殊的跨域配置，但当前页面直接设置Cookie的话和它们关系不大。

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