RELATEED CONSULTING
相關咨詢
選擇下列産品馬上(shàng)在線溝通(tōng)
服務時(shí)間(jiān):9:00-18:00
你(nǐ)可(kě)能遇到了下面的問題
關閉右側工具欄
使用jQuery操作(zuò)Cookies
  • 作(zuò)者:admin
  • 發表時(shí)間(jiān):2013-07-02 14:17:21
  • 來(lái)源:未知

Cookies是一種能夠讓網站(zhàn)服務器(qì)把少(shǎo)量數(shù)據儲存到客戶端的硬盤或內(nèi)存,或是從客戶端的硬盤讀取數(shù)據的一種技(jì)術(shù)。當你(nǐ)浏覽某網站(zhàn)時(shí),你(nǐ)硬盤上(shàng)會(huì)生(shēng)産一個(gè)非常小(xiǎo)的文本文件,它可(kě)以記錄你(nǐ)的用戶ID、密碼、浏覽過的網頁、停留的時(shí)間(jiān)等信息。

當你(nǐ)再次來(lái)到該網站(zhàn)時(shí),網站(zhàn)通(tōng)過讀取Cookies,得(de)知你(nǐ)的相關信息,就可(kě)以做(zuò)出相應的動作(zuò),如在頁面顯示歡迎你(nǐ)的标語,或者讓你(nǐ)不用輸入ID、密碼就直接登錄等等。從本質上(shàng)講,它可(kě)以看作(zuò)是你(nǐ)的身份證。

使用傳統的Javascript來(lái)設置和(hé)獲取Cookies信息很(hěn)麻煩,要寫上(shàng)幾個(gè)函數(shù)來(lái)處理(lǐ),幸運的是jQuery幫我們做(zuò)了很(hěn)多(duō)事,借助jQuery插件,我們可(kě)以輕松的創建、獲取和(hé)删除Cookies。點擊這裏下載cookies插件:http://plugins.jquery.com/project/Cookie

創建Cookie

使用jQuery設置cookie非常簡單。如,我們創建一個(gè)名為(wèi)“example”,值為(wèi)“foo”的cookie:

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

要設置cookie的有(yǒu)效期,可(kě)以設置expires值,如設置cookie的過期時(shí)間(jiān)為(wèi)10天:

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

設置cookie一小(xiǎo)時(shí)後過期:

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

要設置cookie的保存路徑,可(kě)以設置path值,如設置路徑為(wèi)根目錄:

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

如果要設置路徑為(wèi)/admin,則:

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

獲取cookie值

使用jQuery獲取cookie的值的方法那(nà)是相當的簡單,下面是彈出框顯示名為(wèi)“example”的cookie的值:

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

删除Cookie

使用jQuery删除cookie,隻需要将cookie的值為(wèi)null,注意如果設置值為(wèi)空(kōng)的字符串時(shí),并不能删除cookie,隻是将cookie值清空(kōng)而已。

$.cookie("example",null);

了解了cookie相關設置操作(zuò)方法後,再接下來(lái)的文章中,我會(huì)用實例演示cookies的應用,如記錄網站(zhàn)用戶浏覽的曆史記錄(浏覽過的商品、看過的電(diàn)影(yǐng)),敬請(qǐng)關注。