jQuery操作cookie
web開發(fā)過程中如果網(wǎng)站有一部分信息是存儲(chǔ)在cookie中并與服務(wù)器交互的話，那么前臺(tái)有時(shí)就會(huì)遇到需要對(duì)cookie中信息進(jìn)行操作的情況，一個(gè)最典型的例子就是在前臺(tái)判斷用戶是否登錄過當(dāng)前所訪問的網(wǎng)站。
可以用js原生的代碼操作cookie，不過對(duì)于已經(jīng)習(xí)慣在前臺(tái)使用jquery的人員來(lái)說，最好能有一種直接擴(kuò)展到j(luò)query實(shí)例對(duì)象中的方法來(lái)統(tǒng)一操作風(fēng)格，這里記錄一個(gè)個(gè)人感覺還算簡(jiǎn)潔的方案。
$.extend({
cookie : function(name, val) {
if (!val) {
var a = document.cookie.match(RegExp("(^|\s*)" + name + "=([^;]*)(;|$)"));
return a ? decodeURIComponent(a[2]) : null;
} else {
document.cookie = name + "=" + escape(val);
}
},
removeCookie : function(name) {
var expires = new Date();
expires.setTime(expires.getTime() - 1);
document.cookie = name + "=;expires=" + expires.toGMTString();
}
});
這樣的話使用起來(lái)就統(tǒng)一風(fēng)格了，以登錄為例：
取值--$.cookie("logonFlag");
賦值--$.cookie("logonFlag", true);
刪除--$.removeCookie("logonFlag");
cookie方法作為賦值功能使用時(shí)還可以提供第三個(gè)參數(shù)擴(kuò)展，由用戶對(duì)需要賦值的cookie提供可選的屬性并賦值。
實(shí)際使用時(shí)發(fā)現(xiàn)這里的賦值/取值有些限制，對(duì)某些特殊符號(hào)(比如“>”、“<”符號(hào))不能有效的編碼/解碼，不過總體來(lái)說還是很方便使用的。
以上所述是小編給大家介紹的jQuery操作cookie，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
jQuery 打造動(dòng)態(tài)下滑菜單實(shí)現(xiàn)說明
本教程將分步講解如何使用JQuery和CSS打造一個(gè)炫酷動(dòng)感菜單。2010-04-04
基于jQuery實(shí)現(xiàn)Accordion手風(fēng)琴自定義插件
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)Accordion手風(fēng)琴自定義插件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
jquery實(shí)現(xiàn)tab選項(xiàng)卡切換效果（懸停、下方橫線動(dòng)畫位移）
這篇文章主要介紹了jquery實(shí)現(xiàn)tab選項(xiàng)卡切換效果，實(shí)現(xiàn)懸停、下方橫線動(dòng)畫位移，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
下面小編就為大家?guī)?lái)一篇深入理解jQuery之事件移除。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-06-06
本文主要介紹jquery仿ps顏色拾取功能的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
Spring shiro + bootstrap + jquery.validate 實(shí)現(xiàn)登錄、注冊(cè)功能
這篇文章主要介紹了Spring shiro + bootstrap + jquery.validate 實(shí)現(xiàn)登錄、注冊(cè)功能,需要的朋友可以參考下2017-06-06
jQuery實(shí)現(xiàn)彈窗下底部頁(yè)面禁止滑動(dòng)效果
在項(xiàng)目開發(fā)過程中，經(jīng)常會(huì)遇到帶有彈窗的頁(yè)面，尤其是在移動(dòng)端。下面通過本文給大家分享jQuery實(shí)現(xiàn)彈窗下底部頁(yè)面禁止滑動(dòng)效果，需要的朋友參考下吧2017-12-12
jQuery實(shí)現(xiàn)全選、反選和不選功能的方法詳解
這篇文章主要介紹了jQuery實(shí)現(xiàn)全選、反選和不選功能的方法,結(jié)合實(shí)例形式詳細(xì)分析了jQuery全選、反選以及不選功能的相關(guān)原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下2019-12-12
jQuery實(shí)現(xiàn)類似滑動(dòng)門切換效果的層切換
滑動(dòng)門切換效果想必大家都有見到過吧，在本文為大家介紹下jQuery是如何實(shí)現(xiàn)層切換的2013-09-09
jQuery+Ajax+PHP+Mysql實(shí)現(xiàn)分頁(yè)顯示數(shù)據(jù)實(shí)例講解
這是一個(gè)典型的Ajax應(yīng)用，在頁(yè)面上，您只需要點(diǎn)擊“下一頁(yè)”，數(shù)據(jù)區(qū)將自動(dòng)加載對(duì)應(yīng)頁(yè)碼的數(shù)據(jù)，重新刷新數(shù)據(jù)區(qū)。類似的效果在很多網(wǎng)站上應(yīng)用，尤其在一些需要展示大量圖片數(shù)據(jù)的網(wǎng)頁(yè)如淘寶商品列表頁(yè)，Ajax分頁(yè)效果讓您的網(wǎng)站數(shù)據(jù)加載顯得非常流暢。2015-09-09