Cookie的使用(js-cookie插件)
2023-09-11 14:21:35 时间
cookie是一个存储在客户端的字符串属性,可以用它对当前网页的cookie进行读,写,增.删等操作;javascript能够用document对象的cookie属性对cookie进行操作;
js-cookie是一个简单的,轻量级的处理cookies的js API。
1、安装,引入
npm install js-cookie --save import Cookies from 'js-cookie'
2、存入
// Create a cookie, valid across the entire site: Cookies.set('name', 'value'); // Create a cookie that expires 7 days from now, valid across the entire site: Cookies.set('name', 'value', { expires: 7 }); // Create an expiring cookie, valid to the path of the current page: Cookies.set('name', 'value', { expires: 7, path: '' });
3、取出
// Read cookie: Cookies.get('name'); // => 'value' Cookies.get('nothing'); // => undefined // Read all visible cookies: Cookies.get(); // => { name: 'value' }
4、删除
// Delete cookie: Cookies.remove('name'); // Delete a cookie valid to the path of the current page: Cookies.set('name', 'value', { path: '' }); Cookies.remove('name'); // fail! Cookies.remove('name', { path: '' }); // removed!
Cookies.remove('name', { path: '', domain: '' }); // removed!
5、命名空间
如果担心不小心修改掉Cookies中的数据,可以用noConflict方法定义一个新的cookie。
var Cookies2 = Cookies.noConflict(); Cookies2.set('name', 'value');
6、set方法的参数解释
- 第一个:name,必选参数,这个是cookie的变量名
- 第二:value,可选参数,这个cookie变量的值
- 第三个:expire,可选参数,这个是用来设置cookie变量保存的时间
- 第四个:path,cookie的有效范围,这个参数是下一个参数domain基础上的有效范围,如果path设置为”/”,那就是在整个 domain都有效,比如setcookie(“user”,”php”,time()+3600,”/”),这样我们domain下的任何目录,任何文件都可以通过$_COOKIE['user']来调用这个cookie变量的值。如果path设置为”/test”,那么只在domain下的/test 目录及子目录才有效,比如domain下有两个目录: test1,test2,我们设置为setcookie(“user”,”php,time()+3600,”/test1″),那么只有test1目录下才能通过$_COOKIE['user']调用user这个cookie变量的值,test2目录下获取不到。
- 第五个:domain,cookie有效的域名,如果domain,设置为googlephp.cn,那么在googlephp.cn下的所有子域都有效。假设googlephp.cn有两个子域,php.googlephp.cn,css.googlephp.cn,我们设置为 setcookie(“user”,”php”,time()+3600,”/”,”php.googlephp.cn”),那么只有在 php.googlephp.cn这个子域下才能获取user这个cookie变量的值. 再举一个例子:setcookie(“user”,”php”,time()+3600,”/test”,”php.googlephp.cn”),那么只有在php.googlephp.cn这个子域下的test目录下才能获取user这个cookie变量的值.
例如设成".hanj.com"则在.hanj.com下的所有服务器下的文件都可以调用cookie,在hanj的所有子域名下都可以访问,实现跨站点通信Cookies.set("token", v, { domain: '.guohua.com' });
Cookies.remove("token", { domain: '.guohua.com' });
- secure
true或false,表示cookie传输是否仅支持https。默认为不要求协议必须为https。:默认情况下为false;用http协议不安全传输;true:用https等协议安全传输.
参考:https://www.cnblogs.com/zzz-knight/p/11692362.html
https://blog.csdn.net/u012717614/article/details/79131997?utm_source=blogxgwz5
相关文章
- session和cookie的区别和联系详解,Cookie Session相关看这篇就够了。
- Vue.js 渲染简写样式存在的问题
- JS框架_(JQuery.js)动画效果鼠标跟随
- JS框架_(JQuery.js)图片相册掀开切换效果
- A2D JS框架 - Web API CSRF保护实现
- JS插件之——bootstrap-suggest.js
- 2015.8.30-js(计算不同宽度的子元素宽度之和)
- [Vue] Preload Data using Promises with Vue.js and Nuxt.js
- js es6 delete
- js响应鼠标滚轮事件
- [Whole Web, Node.js PM2] Loggin with PM2
- [Node.js]15. Level 3: Solving Backpressure
- [Js]删除数组指定元素
- Json对象与Json字符串互转(4种转换方式) jquery 以及 js 的方式
- 如何使用微信JS-SDK实际分享功能
- js操作元素节点对象value
- JS封装Cookie
- Atitit. 数据约束 校验 原理理论与 架构设计 理念模式java php c#.net js javascript mysql oracle
- js监听视频播放结束demo效果示例(整理)
- three.js(JS 三维模型库)介绍和入门
- Stimulsoft Reports.Web.JS 2022.2.5
- 已解决selenium.common.exceptions.InvalidCookieDomainException: Message: invalid cookie domain: Cookie ‘
- js:新建一个指定长度的Array对象
- JS:使用Mock.js生成随机数据,拦截 Ajax 请求
- js在浏览器中对cookie进行增删改查
- js 实现插入排序
- 002-js-cookie
- JS 客户端浏览器操作、BOM、渗透客户端浏览器(windows对象:screen屏幕操作、location浏览器域名、history浏览器历史、Navigator浏览器信息、cookie)
- 【JS高级】js面向对象三大特性之多态_07
- 【JS高级】js面向对象三大特性之继承_06
- 慕课网前端项目:Vue2.0+Node.js+MongoDB全栈打造商城系统 笔记 整理【4/18】