jQuery之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>

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；

13-1 jquery操作cookie