原生 JS 和 Jquery 處理 cookie 的插件介紹

js.cookie 庫介紹

一個簡單的、輕量級的javascript api來處理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 介紹

一個簡單的、輕量級的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;