快速學(xué)習(xí)jQuery插件 Cookie插件使用方法
Cookie是網(wǎng)站設(shè)計(jì)者放置在客戶(hù)端的小文本文件。Cookie能為用戶(hù)提供很多的使得,例如購(gòu)物網(wǎng)站存儲(chǔ)用戶(hù)曾經(jīng)瀏覽過(guò)的產(chǎn)品列表,或者門(mén)戶(hù)網(wǎng)站記住用戶(hù)喜歡選擇瀏覽哪類(lèi)新聞。 在用戶(hù)允許的情況下,還可以存儲(chǔ)用戶(hù)的登錄信息,使得用戶(hù)在訪(fǎng)問(wèn)網(wǎng)站時(shí)不必每次都鍵入這些信息
使用方法:
1.引入jquery.cookie.js
<script src="scripts/jquery-1.6.4.js" type="text/javascript"></script> <script src="scripts/jquery.cookie.js" type="text/javascript"></script>
2、方法
1).新添加一個(gè)會(huì)話(huà) cookie:$.cookie('the_cookie', 'the_value');
注:當(dāng)沒(méi)有指明 cookie有效時(shí)間時(shí),所創(chuàng)建的cookie有效期默認(rèn)到用戶(hù)關(guān)閉瀏覽器為止,所以被稱(chēng)為“會(huì)話(huà)cookie(session cookie)”。
2).創(chuàng)建一個(gè)cookie并設(shè)置有效時(shí)間為 7天:$.cookie('the_cookie', 'the_value', { expires: 7 });
注:當(dāng)指明了cookie有效時(shí)間時(shí),所創(chuàng)建的cookie被稱(chēng)為“持久 cookie (persistent cookie)”。
3).創(chuàng)建一個(gè)cookie并設(shè)置 cookie的有效路徑:$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });
注:在默認(rèn)情況下,只有設(shè)置 cookie的網(wǎng)頁(yè)才能讀取該 cookie。如果想讓一個(gè)頁(yè)面讀取另一個(gè)頁(yè)面設(shè)置的cookie,必須設(shè)置cookie的路徑。cookie的路徑用于設(shè)置能夠讀取 cookie的頂級(jí)目錄。將這個(gè)路徑設(shè)置為網(wǎng)站的根目錄,可以讓所有網(wǎng)頁(yè)都能互相讀取 cookie (一般不要這樣設(shè)置,防止出現(xiàn)沖突) 。
4).讀取cookie:
$.cookie('the_cookie'); // cookie存在 => 'the_value'
$.cookie('not_existing'); // cookie不存在 => null
5).刪除cookie,通過(guò)傳遞null作為cookie的值即可:$.cookie('the_cookie', null);
3.將cookie寫(xiě)入文件
var COOKIE_NAME = 'username';
if( $.cookie(COOKIE_NAME) ){
$("#username").val( $.cookie(COOKIE_NAME) );
}
$("#check").click(function(){
if(this.checked){
$.cookie(COOKIE_NAME, $("#username").val() , { path: '/', expires: 10 });
//var date = new Date();
//date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); //三天后的這個(gè)時(shí)候過(guò)期
//$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date });
}else{
$.cookie(COOKIE_NAME, null, { path: '/' }); //刪除cookie
}
});
參數(shù)設(shè)置:
expires: (Number | Date) :有效期,可以設(shè)置一個(gè)整數(shù)作為有效期(單位:天),也可以設(shè)置一個(gè)日期對(duì)象作為Cookie的過(guò)期日期。如果指定日期為負(fù)數(shù),那么此cookie將被刪除;如果不設(shè)置或者設(shè)置為null,那么此cookie將被當(dāng)作Session Cookie處理,并且在瀏覽器關(guān)閉后刪除
path: (String) : Cookie的路徑屬性,默認(rèn)是創(chuàng)建該cookie的頁(yè)面路徑
domain: (String) : Cookie的域名屬性,默認(rèn)是創(chuàng)建該cookie的頁(yè)面域名
secure: (Boolean) :如果設(shè)為true,那么此cookie的傳輸會(huì)要求一個(gè)安全協(xié)議,例如HTTPS。
以上就是小編整理的幾篇文章綜合得到的關(guān)于Cookie插件的使用方法,希望可以幫到大家。
相關(guān)文章
jQuery實(shí)現(xiàn)點(diǎn)擊該行即可刪除HTML表格行
本節(jié)任務(wù)是從一個(gè)HTML表使用一些時(shí)髦的效果,只要按一下該行的行。以下是實(shí)現(xiàn)這一目標(biāo)的jQuery代碼2014-10-10
jQuery調(diào)用ajax請(qǐng)求的常見(jiàn)方法匯總
這篇文章主要介紹了jQuery調(diào)用ajax請(qǐng)求的常見(jiàn)方法,實(shí)例匯總了三種常見(jiàn)的jQuery調(diào)用Ajax的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
MVC Ajax Helper或Jquery異步加載部分視圖
這篇文章主要介紹了MVC Ajax Helper或Jquery異步加載部分視圖的相關(guān)資料,需要的朋友可以參考下2015-11-11
S2SH整合JQuery+Ajax實(shí)現(xiàn)登錄驗(yàn)證功能實(shí)現(xiàn)代碼
登錄驗(yàn)證,在項(xiàng)目開(kāi)發(fā)中很常用的,尤其是這一塊非常有利于用戶(hù)體驗(yàn),感興趣的朋友可以參考下,或許對(duì)你學(xué)習(xí)登陸驗(yàn)證有所幫助,好了閑話(huà)不多說(shuō)了,看代碼2013-01-01
jQuery設(shè)置單選按鈕radio選中/不可用的實(shí)例代碼
這篇文章主要介紹了jQuery設(shè)置單選按鈕radio選中/不可用的實(shí)例代碼的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
jquery實(shí)現(xiàn)去除重復(fù)字符串的方法小結(jié)
這篇文章主要介紹了jquery實(shí)現(xiàn)去除重復(fù)字符串的方法,結(jié)合實(shí)例形式總結(jié)了三種常用的字符串去重操作技巧,需要的朋友可以參考下2016-04-04
js/jquery判斷瀏覽器類(lèi)型的方法小結(jié)
有些時(shí)候需要根據(jù)瀏覽器來(lái)寫(xiě)樣式,所以要判斷一下瀏覽器類(lèi)型,百度了一下,才知道JQuery有個(gè)方法直接判斷,并附上原生的js的判斷方法,分享給大家,有需要的小伙伴可以參考下。2015-05-05

