学习
实践
活动
工具
TVP
写文章
专栏首页前端资源JavaScript获取cookie的方法

JavaScript获取cookie的方法

之前都是使用 php 对 cookie 进行操作,今天有个需求,需要用 js 获取网站的 cookie 。下面开始:

获取 cookie 存为数组:

let cookieArr = document.cookie.split(";")

遍历数组,存为对象:

let cookieObj = {};
for (let i = 0; i < cookieArr.length; i++) {
  if (cookieArr[i]) {
    cookieSplit = cookieArr[i].split("=");
    cookieObj[cookieSplit[0]] = cookieSplit[1];
  }
}

不过这里需要注意一下,这样直接使用是不行的,会报错 undefined

因为便利出来的 namevalue 是带有空格的。

所以需要再处理一下,可以封装成一个方法:

function getCookieObj () {//根据name获取cookie的值
  let cookieObj = {},
  cookieSplit = [],// 以分号(;)分组
  cookieArr = document.cookie.split(";"),;
  for (var i = 0; i < cookieArr.length; i++) {
    if (cookieArr[i]) {
      cookieSplit = cookieArr[i].split("=");//以等号(=)分组
      cookieObj[cookieSplit[0].replace(/^\s*|\s*$/g, "")] = cookieSplit[1].replace(/^\s*|\s*$/g, "");//删除字符串两边的空格
    }
  }
  return cookieObj;
}

使用时直接调用即可:

var c = getCookieObj(),
t = c.token;
本文参与 腾讯云自媒体分享计划 ,欢迎热爱写作的你一起参与!
本文分享自作者个人站点/博客:https://www.w3h5.com复制
如有侵权,请联系 cloudcommunity@tencent.com 删除。
登录 后参与评论
0 条评论

相关文章

  • JavaScript 获取元素方法

    可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,然后将它赋值给一个变量,比如:

    Devops海洋的渔夫
  • PHP的cookie与Javascript的cookie的关系

    页面用不同的浏览器访问cookie就存放在不同的地方,比如IE浏览器的cookie存放在 C:\Users\[your computer name]\App...

    lilugirl
  • JavaScript 获取图片的宽度和高度的方法

    因为加载图片是异步的,在图片的相关数据没有加载完之后,宽高都是默认为0,所以我们要给imgDom增加个onload方法。

    李维亮
  • 清除cookie的方法_js设置cookie

    JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。

    全栈程序员站长
  • Koa Cookie 的设置与获取

    刷新 http://localhost:3000/json 自动获取 Cookie:

    Leophen
  • 浅谈 php 采用curl 函数库获取网页 cookie 和 带着cookie去访问 网页的方法!!!!

    由于近段时间帮朋友开发一个能够查询正方教务系统的微信公众平台号。有所收获。这里总结下个人经验。 开讲前,先吐槽一下新浪云服务器,一个程序里的   同一个函数  ...

    林冠宏-指尖下的幽灵
  • Selenium:添加Cookie的方法

    从中可以看出add_cookie()这个函数有一个参数cookie_dict,它是以字典的形式传入的,字典中必选的键是"name"和"value",可选的键是"...

    新码农
  • JavaScript 技术篇-js获取iframe内的元素方法。

    var a = document.querySelector("iframe") 获取到iframe。

    小蓝枣
  • JavaScript对Cookie的增删改查

    JavaScript是运行在客户端的脚本,Session是运行在服务器端的,而Cookie是运行在客户端的,所以可以用JS来设置Cookie,而不能操作Sess...

    Javanx
  • JavaScript中的document.cookie的使用

    我们已经知道,在 document 对象中有一个 cookie 属性。但是 Cookie 又是什么?“某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信...

    全栈程序员站长
  • JavaScript 技术篇-js获取document的几种方式,js获取dom元素的常用方法。

    第一类:通过属性获取。 <p id = "fash"></p> 通过 document.getElementById("fash") 获取到p页签。

    小蓝枣
  • PHP7创建COOKIE和销毁COOKIE的实例方法

    砸漏
  • android读写cookie的方法示例

    做了一个android网络应用,要求用自己实现的webview去访问web网站,并且在远程登录成功之后把cookie写入到手机,保留用作以后的自动登录。找了好多...

    砸漏
  • javascript使用cookie实现DIV提示框只显示一次的方法

    本文实例讲述了JS使用cookie实现DIV提示框只显示一次的方法。分享给大家供大家参考,具体如下:

    怪兽
  • js中的操作cookie的方法

    JavaScript 可以使用 document.cookie 属性来创建 、读取、及删除 cookie。

    用户9914333
  • 使用GuzzleHttp从HTTP调用获取cookie的值

    - 发送登录请求以后想看Cookies的值,文档只提供直接使用Cookie没有查看值的介绍,下面给大家讲一下实现代码。 实现代码

    axiomxs
  • 【小技巧】获取到的cookie如何简便使用

    首先假设我们通过XSS或者前端某骚姿势拿到某人的cookie【必须是完整cookie,因为cookie不完整也时候不能成功登录该用户的】

    用户1467662
  • 登陆后设置cookie的方法

    阿炬

扫码关注腾讯云开发者

领取腾讯云代金券