首页 >web前端 >js教程 >如何在 JavaScript 中按名称检索特定 Cookie 值?

如何在 JavaScript 中按名称检索特定 Cookie 值?

Susan Sarandon
Susan Sarandon原创
2024-12-11 07:15:11166浏览

How Can I Retrieve a Specific Cookie Value by Name in JavaScript?

通过“按名称获取 Cookie”功能定位特定 Cookie

在 Web 开发中,Cookie 通常用于存储和检索有关用户的信息会议。访问 cookie 时,必须能够按名称定位特定 cookie。

挑战:

考虑以下检索 cookie 值的 getter 函数:

function getCookie1() {
    var elements = document.cookie.split('=');
    var obligations= elements[1].split('%');
    // ...
}

此函数从浏览器中的所有 cookie 中检索值。但是,我们希望将其修改为仅从名为“obligations=”的特定 cookie 中检索值。

解决方案:

要实现此目的,我们可以利用更多有针对性的方法:

function getCookie(name) {
  const value = `; ${document.cookie}`;
  const parts = value.split(`; ${name}=`);
  if (parts.length === 2) return parts.pop().split(';').shift();
}

解释:

  • split(; ${name}=): 这一行分割 cookie 字符串(前缀为“;”)由“;”中包含的目标 cookie 名称组成".
  • if (parts.length === 2): 此条件检查指定名称的 cookie 是否存在。
  • parts.pop( ): 这会删除字符串中包含 cookie 的部分value.
  • split(';').shift(): 这会将剩余的字符串按“;”分割并提取 cookie 值。

通过使用此函数,我们可以确保仅检索“obligations=” cookie 中的值。

以上是如何在 JavaScript 中按名称检索特定 Cookie 值?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn