jquery.cookie 介紹 和 用法

一、依賴jQuery庫

二、瀏覽器兼容性狀況

三、下載

官方github：https://github.com/carhartl/jquery-cookie

四、使用

• 建立一個整站cookie

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

• 1

• 建立一個整站cookie ，cookie 的有效期爲 7 天

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

• 1

• 建立一個僅對 path 路徑頁面有效的 cookie ，cookie 的有效期爲 7 天

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

• 1

• 讀取 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

五、屬性

domain

建立cookie所在網頁所擁有的域名

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

• 1

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;