Cookie是網站設計者放置在客戶端的小文本文件。Cookie能為用戶提供很多的使得，例如購物網站存儲用戶曾經瀏覽過的產品列表，或者門戶網站記住用戶喜歡選擇瀏覽哪類新聞。 在用戶允許的情況下，還可以存儲用戶的登錄信息，使得用戶在訪問網站時不必每次都鍵入這些信息
使用方法：
1.引入jquery.cookie.js

<script src="scripts/jquery-1.6.4.js" type="text/javascript"></script> 
<script src="scripts/jquery.cookie.js" type="text/javascript"></script> 

2、方法

1）.新添加一個會話 cookie：$.cookie('the_cookie', 'the_value');

注：當沒有指明 cookie有效時間時，所創(chuàng)建的cookie有效期默認到用戶關閉瀏覽器為止，所以被稱為“會話cookie（session cookie）”。

2）.創(chuàng)建一個cookie并設置有效時間為 7天：$.cookie('the_cookie', 'the_value', { expires: 7 });

注：當指明了cookie有效時間時，所創(chuàng)建的cookie被稱為“持久 cookie （persistent  cookie）”。

3）.創(chuàng)建一個cookie并設置 cookie的有效路徑：$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

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

4）.讀取cookie：

$.cookie('the_cookie'); // cookie存在 => 'the_value'

$.cookie('not_existing'); // cookie不存在 => null

5）.刪除cookie，通過傳遞null作為cookie的值即可：$.cookie('the_cookie', null);

3.將cookie寫入文件

 var COOKIE_NAME = 'username'; 
  if( $.cookie(COOKIE_NAME) ){ 
    $("#username").val( $.cookie(COOKIE_NAME) ); 
  } 
  $("#check").click(function(){ 
    if(this.checked){ 
      $.cookie(COOKIE_NAME, $("#username").val() , { path: '/', expires: 10 }); 
      //var date = new Date(); 
      //date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); //三天后的這個時候過期 
      //$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date }); 
    }else{ 
      $.cookie(COOKIE_NAME, null, { path: '/' }); //刪除cookie 
    } 
  }); 

參數設置：
expires: (Number | Date)  ：有效期，可以設置一個整數作為有效期（單位：天），也可以設置一個日期對象作為Cookie的過期日期。如果指定日期為負數，那么此cookie將被刪除；如果不設置或者設置為null，那么此cookie將被當作Session Cookie處理，并且在瀏覽器關閉后刪除
path:  (String) ： Cookie的路徑屬性，默認是創(chuàng)建該cookie的頁面路徑
domain: (String)  ： Cookie的域名屬性，默認是創(chuàng)建該cookie的頁面域名
secure: (Boolean)  ：如果設為true，那么此cookie的傳輸會要求一個安全協議，例如HTTPS。

以上就是小編整理的幾篇文章綜合得到的關于Cookie插件的使用方法，希望可以幫到大家。

最新評論