快捷導(dǎo)航

使用jQuery操作Cookies的實(shí)現(xiàn)代碼

更新時(shí)間：2011年10月09日 00:05:36 作者：

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

當(dāng)你瀏覽某網(wǎng)站時(shí)，你硬盤上會(huì)生產(chǎn)一個(gè)非常小的文本文件，它可以記錄你的用戶ID、密碼、瀏覽過(guò)的網(wǎng)頁(yè)、停留的時(shí)間等信息。

當(dāng)你再次來(lái)到該網(wǎng)站時(shí)，網(wǎng)站通過(guò)讀取Cookies，得知你的相關(guān)信息，就可以做出相應(yīng)的動(dòng)作，如在頁(yè)面顯示歡迎你的標(biāo)語(yǔ)，或者讓你不用輸入ID、密碼就直接登錄等等。從本質(zhì)上講，它可以看作是你的身份證。

使用傳統(tǒng)的Javascript來(lái)設(shè)置和獲取Cookies信息很麻煩，要寫上幾個(gè)函數(shù)來(lái)處理，幸運(yùn)的是jQuery幫我們做了很多事，借助jQuery插件，我們可以輕松的創(chuàng)建、獲取和刪除Cookies。點(diǎn)擊這里下載cookies插件：http://plugins.jquery.com/project/Cookie

創(chuàng)建Cookie

使用jQuery設(shè)置cookie非常簡(jiǎn)單。如，我們創(chuàng)建一個(gè)名為“example”，值為“foo”的cookie：

復(fù)制代碼代碼如下:

$.cookie("example", "foo");

要設(shè)置cookie的有效期，可以設(shè)置expires值，如設(shè)置cookie的過(guò)期時(shí)間為10天：

復(fù)制代碼代碼如下:

$.cookie("example", "foo",{expires:10}); 

設(shè)置cookie一小時(shí)后過(guò)期：

復(fù)制代碼代碼如下:

 
var cookietime = new Date(); 
cookietime.setTime(date.getTime() + (60 * 60 * 1000));//coockie保存一小時(shí) 
$.cookie("example", "foo",{expires:cookietime}); 

要設(shè)置cookie的保存路徑，可以設(shè)置path值，如設(shè)置路徑為根目錄：

復(fù)制代碼代碼如下:

$.cookie("example", "foo",{path:"/"});

如果要設(shè)置路徑為/admin，則：

復(fù)制代碼代碼如下:

$.cookie("example", "foo",{path:"/admin"});

獲取cookie值
使用jQuery獲取cookie的值的方法那是相當(dāng)?shù)暮?jiǎn)單，下面是彈出框顯示名為“example”的cookie的值：

復(fù)制代碼代碼如下:

alert($.cookie("example"));

刪除Cookie
使用jQuery刪除cookie，只需要將cookie的值為null，注意如果設(shè)置值為空的字符串時(shí)，并不能刪除cookie，只是將cookie值清空而已。

復(fù)制代碼代碼如下:

$.cookie("example",null);