JavaScript如何获取cookie值

JavaScript 获取 Cookie 值

Cookie 值保存在用户的计算机或其他设备上，并通过 HTTP 请求发送回给服务器。可以使用 JavaScript 获取用户的 Cookie 值并执行相应的操作。

1.使用 document.cookie 属性获取 Cookie 值

document.cookie 属性允许 JavaScript 读取和写入 cookie。它返回所有与当前文档相关的 cookie。

例子：

let cookies = document.cookie;

此代码返回当前文档中的所有 cookie。这些cookie的格式如下：

name1=value1; name2=value2; name3=value3;

2.使用 function getCookie() 获取 Cookie 值

使用下面的 JavaScript 函数可以获取特定 cookie 的值：

function getCookie(name) {
  let value = "; " + document.cookie;
  let parts = value.split("; " + name + "=");
  if (parts.length === 2) {
    return parts.pop().split(";").shift();
  }
}

请注意，在此函数中，name 是特定 cookie 的名称。该函数将整个 cookie 字符串作为变量 value 并将其分成多个部分。它那么查找与 cookie 名称匹配的部分并返回该 cookie 值。

示例：

let myCookie = getCookie("myCookie");

此代码将获取具有名称“myCookie”的 cookie 的值并将其分配给变量 myCookie。

3.使用 RegExp 获取 Cookie 值

使用 JavaScript 的正则表达式可以获取特定 cookie 的值。

示例：

function getCookieValue(a) 
{
  var b = document.cookie.match('(^|;)\\s*' + a + '\\s*=\\s*([^;]+)');
  return b ? b.pop() : '';
}

请注意，此代码使用了正则表达式。该正则表达式与 cookie 值的格式相匹配并返回具有与 cookie 名称匹配的名称的 cookie 值。

示例：

let myCookie = getCookieValue("myCookie");

此代码将获取具有名称“myCookie”的 cookie 的值并将其分配给变量 myCookie。

总结

使用以上 3 种不同的方法，可以轻松地获取 cookie 值。常见的用例包括通过 cookie 存储用户信息、选择偏好设置等。不管用途是什么，JavaScript 是处理 cookie 数据的强大工具。