Cookie的使用（js-cookie插件）

一、安装

npm install js-cookie --save

二、引用

import Cookies from 'js-cookie'

三、一般使用

存到Cookie去

// 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: '' });

2.在Cookie中取出

// Read cookie:
Cookies.get('name'); // => 'value'
Cookies.get('nothing'); // => undefined// Read all visible cookies:
Cookies.get(); // => { name: 'value' }

3.删除

// 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!

四、特殊使用（在Cookie中存对象）

跟一般使用不同的是，从Cookie中取出的时候，要从字符串转换成json格式：

const user = {name: 'lia',age: 18
}
Cookies.set('user', user)
const liaUser = JSON.parse(Cookies.get('user'))

Cookie的使用（js-cookie插件）相关推荐

js调用html5cookie,CSS+JS+Cookie实现页脚固定广告展示
经常看到有些网站为了吸引用户注意,在页面底部放置固定横幅广告,用户滚动页面时,横幅广告一直固定在页底,并不随页面滚动而滚动,当然一般允许用户可以关闭广告条,并设置一定时间内不再显示此广告条.本文将介绍 ...
原生js cookie本地存储
JS cookie 1.概述 cookie也叫HTTP Cookie,最初是客户端与服务器端进行会话(Session)使用的. 如果没写expires,那么下次打开网页,cookie就会消失,这个就是 ...
原生js cookie的使用实例setCookie()、getCookie()方法
01 <html> 02 <head> 03 <title>原生js cookie的使用实例setCookie().getCookie()方法</title& ...
js cookie 存储checkbox_浏览器数据存储方式总结，网友：“精辟”！
今天主要来讲下前端的数据存储,说起数据存储,大家肯定第一时间想起cookie,localstorage,sessionstorage,而其实还有userData和IndexedDB这两种数据存储,接下 ...
js cookie 存储checkbox_[cookie实战记录-1]种下一个cookie
[cookie实战记录-1]种下一个cookie 引子 cookie ~ 也是前端实际工作中一定会碰到的(哎?为什么要说也呢...) 而且由于前一阵 Chrome 的更新改了关于 cookie sam ...
转 js+cookie 购物车
近日正在写个商城系统,打算自己开个服装店的,o(∩_∩)o...哈哈大家都知道商城系统中是离不开购物车的,据观察,网上大多数商城程序的购物车都是采用的一种比较简单的存储方式来实现购物车,那就是把选中 ...
js+cookie 购物车
近日正在写个商城系统,打算自己开个服装店的,o(∩_∩)o...哈哈大家都知道商城系统中是离不开购物车的,据观察,网上大多数商城程序的购物车都是采用的一种比较简单的存储方式来实现购物车,那就是把选中 ...
php获取jscookie,JS生成cookie并用php读取cookie
博客首页文章顶部的那个,是个广告位,原本想做关闭后多久时间内不会重复出现,但是想用JQ去管理cookie,发现要加个库进来,就放弃了.刚才搜索了下,发现JS写了cookie之后,可以用php来读取,好 ...
JS Cookie 中domain 和path怎么设置
domain规则设置cookie--设置cookie的时候,domain要符合域名的规则,比如可以设置成www1.pclady.com.cn和pclady.com.cn 但是不能设置成pclady. ...
JS cookie的设置、获取和删除（非常详细）
在编程领域,Cookie 代表一种小型的文本文件,可以让开发人员在用户计算机上存储少量的数据(大约 4kb),来记录用户的某些信息,例如用户身份.喜好等,当用户下次访问网站时,网站可以通过检索这些信息 ...

Cookie的使用（js-cookie插件）

一、安装

二、引用

三、一般使用

四、特殊使用（在Cookie中存对象）

Cookie的使用（js-cookie插件）相关推荐

最新文章

热门文章