轻量级JS饼干插件js-cookie的使用方法

　　

饼干是网站设计者放置在客户端的小文本文件,一般后台语言使用的比较多,可以实现用户个性化的一些需求.js-cookie插件是一个JS操作饼的插件、源文件只有3.34 KB,非常轻量级.js-cookie也支持npm和鲍尔安装和管理。下面看看js-cookie的具体用法。

　　

一个简单的、轻量级的JavaScript API来处理cookie

　　

在所有浏览器工作
　　接受任何字符
　　大量测试
　　不依赖
　　不引人注目的JSON支持
　　支持AMD/CommonJS
　　RFC 6265兼容的
　　有用的Wiki
　　启用自定义编码/解码
　　~ 900字节gzip !

　　

引用方法:

　　

<强> 1,引入js-cookie.js

　　

1。直接饮用cdn: & lt;脚本src=" https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js”祝辞& lt;/script>

　　

2。本地下载下来后:& lt;脚本src=" https://www.yisu.com/path/to/js.cookie.js "祝辞& lt;/script>

　　

3。模块化开发时:从“js-cookie”

进口饼干 　　

<强> 2,js-cookie.js常用的API和方法

　　

,设置饼干

　　

<代码>饼干。集(“名字”、“价值”{到期:7,路径:“});代码> 　　

<代码>饼干。集(“名字”,{foo:“酒吧”});代码> 　　

b,读取饼干

　　

<代码> Cookies.get(“名字”);代码> 　　

<代码> Cookies.get(); #读取所有的饼干

　　

c,删除饼干

　　

<代码> Cookies.remove(“名字”); #删除饼干时必须是同一个路径。

　　

<强>下面是国外的介绍

　　

基本用法 　　

创建一个cookie,有效在整个站点:

　　

<代码>饼干。设置(“名字”,“价值”);

　　

创建一个cookie过期7天后,有效在整个站点:

　　

<代码>饼干。集(“名字”、“价值”{到期:7});

　　

创建一个饼干到期,有效的当前页面的路径:

　　

<代码>饼干。集(“名字”、“价值”{到期:7,路径:“});

　　

读饼干: 　　

　　

Cookies.get('名称');//=比;“价值”
　　Cookies.get(“什么”);//=比;未定义的

　　 　　

阅读所有可见的饼干:

　　

<代码> Cookies.get ();//=比;{名称:“价值”}

　　

删除cookie: 　　

<代码> Cookies.remove(“名字”);

　　

删除cookie有效的当前页面的路径:

　　

　　

饼干。集(“名字”、“价值”{路径:"});
　　Cookies.remove('名称');//失败!
　　饼干。remove(“名字”,{路径:"});//删除!

　　 　　

重要!当删除一个cookie,您必须通过相同的路径和域属性被用来设置cookie,除非你依赖> 　　Cookies.get('名称');//=比;”{“foo”:“酒吧”}’ 　　Cookies.get ();//=比;{名称:{“foo”:“酒吧”}’} 　　 　　

当阅读的曲奇饼干。getJSON api,您收到的解析表示字符串存储在cookie根据JSON.parse:

　　 　　 　　Cookies.getJSON('名称');//=比;{foo: '酒吧'} 　　Cookies.getJSON ();//=比;{名称:{foo: '酒吧'}} 　　 　　

注意:支持IE6-7(和IE 8兼容模式)你需要包括JSON-js polyfill: https://github.com/douglascrockford/JSON-js

, 　　

更多的可以参考官方说明:

　　https://github.com/js-cookie/js-cookie

　　https://www.npmjs.com/package/js-cookie

轻量级JS饼干插件js-cookie的使用方法