當你再次來到該網站時,網站通過讀取Cookies,得知你的相關信息,就可以做出相應的動作,如在頁面顯示歡迎你的標語,或者讓你不用輸入ID、密碼就直接登錄等等。從本質上講,它可以看作是你的身份證。
使用傳統的Javascript來設置和獲取Cookies信息很麻煩,要寫上幾個函數來處理,幸運的是jQuery幫我們做了很多事,借助jQuery插件,我們可以輕松的創建、獲取和刪除Cookies。點擊這裡下載cookies插件:http://plugins.jquery.com/project/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的應用,如記錄網站用戶浏覽的歷史記錄(浏覽過的商品、看過的電影),敬請關注。