JavaScript Cookie与Session管理-js教程-PHP中文网

JavaScript Cookie与Session管理

狼影

发布： 2025-10-23 20:23:02

原创

741人浏览过

JavaScript通过操作Cookie管理用户状态，与后端Session配合；2. 可用setCookie设置带过期时间的Cookie；3. getCookie函数读取指定名称的Cookie值。

javascript cookie与session管理

在Web开发中，管理用户状态是关键的一环。JavaScript作为前端核心语言，虽然不能直接操作服务器端的Session，但可以通过操作Cookie来实现与后端配合的状态管理。下面介绍如何使用JavaScript处理Cookie，并理解其与Session的关系。

Cookie的基本操作

Cookie是存储在浏览器中的小型文本数据，常用于保存用户偏好、登录状态等信息。JavaScript提供了原生方式来读写Cookie。

设置Cookie：

function setCookie(name, value, days) {
  let expires = "";
  if (days) {
    const date = new Date();
    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
    expires = "; expires=" + date.toUTCString();
  }
  document.cookie = name + "=" + encodeURIComponent(value) + expires + "; path=/";
}

这个函数允许你设置一个带过期时间的Cookie。path=/ 表示整个站点都可访问该Cookie。

立即学习“Java免费学习笔记（深入）”；

读取Cookie：

function getCookie(name) {
  const nameEQ = name + "=";
  const ca = document.cookie.split(';');
  for(let i = 0; i     let c = ca[i];
    while (c.charAt(0) === ' ') c = c.substring(1, c.length);
    if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
  }
  return null;
}

通过遍历document.cookie分割后的数组，查找指定名称的值。

删除Cookie：

function deleteCookie(name) {
setCookie(name, "", -1);
}

将过期时间设为过去即可删除Cookie。