jquery.cookie.js 使用方法

說中發表於2016-05-08
jQueryCookieJS

Cookies

定義：讓網站伺服器把少量資料儲存到客戶端的硬碟或記憶體，從客戶端的硬碟讀取資料的一種技術；

下載與引入:jquery.cookie.js基於jquery；先引入jquery，再引入：jquery.cookie.js；下載：http://plugins.jquery.com/cookie/

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>

使用：

1.新增一個"會話cookie"

$.cookie('the_cookie', 'the_value');

這裡沒有指明 cookie有效時間，所建立的cookie有效期預設到使用者關閉瀏覽器為止，所以被稱為 “會話cookie（session cookie）”。

2.建立一個cookie並設定有效時間為 7天

$.cookie('the_cookie', 'the_value', { expires: 7 });

這裡指明瞭cookie有效時間，所建立的cookie被稱為“持久 cookie （persistent cookie）”。注意單位是：天；

3.建立一個cookie並設定 cookie的有效路徑

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

在預設情況下，只有設定 cookie的網頁才能讀取該 cookie。如果想讓一個頁面讀取另一個頁面設定的cookie，必須設定cookie的路徑。cookie的路徑用於設定能夠讀取 cookie的頂級目錄。將這個路徑設定為網站的根目錄，可以讓所有網頁都能互相讀取 cookie （一般不要這樣設定，防止出現衝突）。

4.讀取cookie

$.cookie('the_cookie');

5.刪除cookie

$.cookie('the_cookie', null);   //通過傳遞null作為cookie的值即可

6.可選引數

$.cookie('the_cookie','the_value',{
	expires:7,   
	path:'/',
	domain:'jquery.com',
	secure:true
})　

expires：（Number|Date）有效期；設定一個整數時，單位是天；也可以設定一個日期物件作為Cookie的過期日期；
path：（String）建立該Cookie的頁面路徑；
domain：（String）建立該Cookie的頁面域名；
secure：（Booblean）如果設為true，那麼此Cookie的傳輸會要求一個安全協議，例如：HTTPS；

相關文章