原生 JS 和 Jquery 处理 cookie 的插件介绍

js.cookie 库介绍

1、如何使用

创建一个整站cookie

Cookies.set('name', 'value');

创建一个整站cookie ，cookie 的有效期为 7 天

Cookies.set('name', 'value', { expires: 7 });

创建一个仅对 path 路径页面有效的 cookie ，cookie 的有效期为 7 天

Cookies.set('name', 'value', { expires: 7, path: '' });

读取 cookie

Cookies.get('name'); // 如果cookie存在 则获取到cookie值 => 'value'

Cookies.get('nothing'); // 如果cookie不存在 则返回 => undefined

获取所有可见的 cookie

Cookies.get(); // 数据格式 => { name: 'value' }

删除 cookie

Cookies.remove('name');

删除 path 路径下的 cookie

Cookies.set('name', 'value', { path: '' });

Cookies.remove('name'); // fail!

Cookies.remove('name', { path: '' }); // removed!

2、命名空间冲突问题

如果 Cookies 存在命名空间冲突问题，noConflict 函数可以解决这个问题

var Cookies2 = Cookies.noConflict();

Cookies2.set('name', 'value');

3、JSON

Cookies.set('name', { foo: 'bar' });

Cookies.get('name'); // => '{"foo":"bar"}'

Cookies.get(); // => { name: '{"foo":"bar"}' }

Cookies.getJSON 的使用

Cookies.getJSON('name'); // => { foo: 'bar' }

Cookies.getJSON(); // => { name: { foo: 'bar' } }

4、属性

domain

创建cookie所在网页所拥有的域名

Cookies.set('name', 'value', { domain: 'weber.pub' });

Cookies.get('name'); // => undefined (需要读取 'weber.pub' 这个域名下的 cookie)

secure

默认是false，如果为true，cookie的传输协议需为https；

Cookies.set('name', 'value', { secure: true });

Cookies.get('name'); // => 'value'

Cookies.remove('name', { secure: true });

jquery.cookie 介绍

1、如何使用

创建一个整站cookie

$.cookie('name', 'value');

创建一个整站cookie ，cookie 的有效期为 7 天

$.cookie('name', 'value', { expires: 7 });

创建一个仅对 path 路径页面有效的 cookie ，cookie 的有效期为 7 天

$.cookie('name', 'value', { expires: 7, path: '/' });

读取 cookie

$.cookie('name'); // 如果cookie存在 则获取到cookie值 => 'value'

$.cookie('nothing'); // 如果cookie不存在 则返回 => undefined

获取所有可见的 cookie

$.cookie(); // 数据格式 => { name: 'value' }

删除 cookie

$.removeCookie('name'); // => true

$.removeCookie('nothing'); // => false

删除带属性的cookie

$.cookie('name', 'value', { path: '/' }); // 错误

$.removeCookie('name'); // => false // 正确

$.removeCookie('name', { path: '/' }); // => true

2、属性

domain

创建cookie所在网页所拥有的域名

$.cookie('name', 'value', { domain: 'weber.pub' });

secure

默认是false，如果为true，cookie的传输协议需为https；

$.cookie('name', 'value', { secure: true });

$.cookie('name'); // => 'value'

$.removeCookie('name', { secure: true });

raw

默认为false，读取和写入时候自动进行编码和解码（使用encodeURIComponent编码，使用decodeURIComponent解码），关闭这个功能，请设置为true。

$.cookie.raw = true;

json

$.cookie.json = true;