jquery.cookie.js 使用方法

Cookies

定義：讓網(wǎng)站服務(wù)器把少量數(shù)據(jù)儲存到客戶端的硬盤或內(nèi)存，從客戶端的硬盤讀取數(shù)據(jù)的一種技術(shù)；

下載與引入: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有效時間，所創(chuàng)建的cookie有效期默認(rèn)到用戶關(guān)閉瀏覽器為止，所以被稱為 “會話cookie（session cookie）”。

2.創(chuàng)建一個cookie并設(shè)置有效時間為 7天

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

這里指明了cookie有效時間，所創(chuàng)建的cookie被稱為“持久 cookie （persistent cookie）”。注意單位是：天；

3.創(chuàng)建一個cookie并設(shè)置 cookie的有效路徑

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

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

4.讀取cookie

$.cookie('the_cookie');

5.刪除cookie

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

6.可選參數(shù)

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

expires：（Number|Date）有效期；設(shè)置一個整數(shù)時，單位是天；也可以設(shè)置一個日期對象作為Cookie的過期日期；
path：（String）創(chuàng)建該Cookie的頁面路徑；
domain：（String）創(chuàng)建該Cookie的頁面域名；
secure：（Booblean）如果設(shè)為true，那么此Cookie的傳輸會要求一個安全協(xié)議，例如：HTTPS；

//初始化頁面時驗證是否記住了密碼 
$(document).ready(function () 
{
  if ($.cookie("rmbUser") == "true") 
  {
    $("#rmbUser").attr("checked", true);
    $("#user").val($.cookie("userName"));
    $("#pass").val($.cookie("passWord"));
  }
});
//保存用戶信息 
function saveUserInfo() 
{
  if ($("#rmbUser").attr("checked") == true) 
  {
    var userName = $("#user").val();
    var passWord = $("#pass").val();
    $.cookie("rmbUser", "true", {
      expires : 7 
    });
    // 存儲一個帶7天期限的 cookie 
    $.cookie("userName", userName, {
      expires : 7 
    });
    // 存儲一個帶7天期限的 cookie 
    $.cookie("passWord", passWord, {
      expires : 7 
    });
    // 存儲一個帶7天期限的 cookie 
  }
  else 
  {
    $.cookie("rmbUser", "false", {
      expires : - 1 
    });
    $.cookie("userName", '', {
      expires : - 1 
    });
    $.cookie("passWord", '', {
      expires : - 1 
    });
  }
}

最重要的幾行代碼：

$.cookie('the_cookie'); // 讀取 cookie 
$.cookie('the_cookie', 'the_value'); // 存儲 cookie 
$.cookie('the_cookie', 'the_value', { expires: 7 }); // 存儲一個帶7天期限的 cookie 
$.cookie('the_cookie', '', { expires: -1 }); // 刪除 cookie 

最新評論