DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 使用jQuery操作Cookies的實現代碼
使用jQuery操作Cookies的實現代碼
編輯:JQuery特效代碼     
當你浏覽某網站時,你硬盤上會生產一個非常小的文本文件,它可以記錄你的用戶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的應用,如記錄網站用戶浏覽的歷史記錄(浏覽過的商品、看過的電影),敬請關注。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved