Cookies是一種能夠讓網站服務器把少量數據儲存到客戶端的硬盤或內存,或是從客戶端的硬盤讀取數據的一種技術。當你瀏覽某網站時,你硬盤上會生產一個非常小的文本文件,它可以記錄你的用戶ID、密碼、瀏覽過的網頁、停留的時間等信息。
當你再次來到該網站時,網站通過讀取Cookies,得知你的相關信息,就可以做出相應的動作,如在頁面顯示歡迎你的標語,或者讓你不用輸入ID、密碼就直接登錄等等。從本質上講,它可以看作是你的身份證。
使用傳統的Javascript來設置和獲取Cookies信息很麻煩,要寫上幾個函數來處理,幸運的是jQuery幫我們做了很多事,借助jQuery插件,我們可以輕松的創建、獲取和刪除Cookies。點擊這里下載cookies插件:http://plugins.jquery.com/project/Cookie
創建Cookie
使用jQuery設置cookie非常簡單。如,我們創建一個名為“example”,值為“foo”的cookie:
$.cookie("example", "foo");
要設置cookie的有效期,可以設置expires值,如設置cookie的過期時間為10天:
$.cookie("example", "foo",{expires:10});
設置cookie一小時后過期:
var cookietime = new Date();
cookietime.setTime(date.getTime() + (60 * 60 * 1000));//coockie保存一小時
$.cookie("example", "foo",{expires:cookietime});
要設置cookie的保存路徑,可以設置path值,如設置路徑為根目錄:
$.cookie("example", "foo",{path:"/"});
如果要設置路徑為/admin,則:
$.cookie("example", "foo",{path:"/admin"});
獲取cookie值
使用jQuery獲取cookie的值的方法那是相當的簡單,下面是彈出框顯示名為“example”的cookie的值:
alert($.cookie("example"));
刪除Cookie
使用jQuery刪除cookie,只需要將cookie的值為null,注意如果設置值為空的字符串時,並不能刪除cookie,只是將cookie值清空而已。
$.cookie("example",null);
了解了cookie相關設置操作方法后,再接下來的文章中,我會用實例演示cookies的應用,如記錄網站用戶瀏覽的歷史記錄(瀏覽過的商品、看過的電影),敬請關注。
