jquery.cookie.js 使用方法

Cookies

定義：讓網(wǎng)站服務(wù)器把少量數(shù)據(jù)儲(chǔ)存到客戶端的硬盤(pán)或內(nèi)存，從客戶端的硬盤(pán)讀取數(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.添加一個(gè)"會(huì)話cookie"

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

這里沒(méi)有指明 cookie有效時(shí)間，所創(chuàng)建的cookie有效期默認(rèn)到用戶關(guān)閉瀏覽器為止，所以被稱為 “會(huì)話cookie（session cookie）”。

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

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

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

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

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

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

4.讀取cookie

$.cookie('the_cookie');

5.刪除cookie

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

6.可選參數(shù)

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

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

//初始化頁(yè)面時(shí)驗(yàn)證是否記住了密碼 
$(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 
    });
    // 存儲(chǔ)一個(gè)帶7天期限的 cookie 
    $.cookie("userName", userName, {
      expires : 7 
    });
    // 存儲(chǔ)一個(gè)帶7天期限的 cookie 
    $.cookie("passWord", passWord, {
      expires : 7 
    });
    // 存儲(chǔ)一個(gè)帶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'); // 存儲(chǔ) cookie 
$.cookie('the_cookie', 'the_value', { expires: 7 }); // 存儲(chǔ)一個(gè)帶7天期限的 cookie 
$.cookie('the_cookie', '', { expires: -1 }); // 刪除 cookie 

最新評(píng)論