使用Jquery操作Cookies

Posted on by

Cookies亦稱Cookie,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>

一、創建Cookies

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('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；

二、讀取cookie

$.cookie('the_cookie');

三、刪除cookie

建議在設置cookie和刪除cookie的時候，配置路徑和域名。

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

到此這篇關於Jquery操作Cookie的文章就介紹到這瞭。希望對大傢的學習有所幫助，也希望大傢多多支持WalkonNet。

推薦閱讀：