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的人員來說,最好能有一種直接擴(kuò)展到j(luò)query實(shí)例對(duì)象中的方法來統(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(); } });
這樣的話使用起來就統(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))不能有效的編碼/解碼,不過總體來說還是很方便使用的。
以上所述是小編給大家介紹的jQuery操作cookie,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
jquery css實(shí)現(xiàn)流程進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了jquery css實(shí)現(xiàn)流程進(jìn)度條,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03關(guān)于event.cancelBubble和event.stopPropagation()的區(qū)別介紹
cancelBubble用于ie的阻止冒泡事件,event.stopPropagation()用于firefox和chrome等其他瀏覽器的疑惑介紹。2011-12-12關(guān)于jquery動(dòng)態(tài)增減控件的一些想法和小插件
這段代碼壓縮到100行內(nèi),而且擴(kuò)展方便,可以非常輕松的增減控件的數(shù)量,使用非常簡(jiǎn)單。2010-08-08jQuery中使用data()方法讀取HTML5自定義屬性data-*實(shí)例
如果你使用jQuery類庫(kù),那么你可以非常愉悅的使用jquery的data()方法存取data-* 自定義屬性,方法允許我們?cè)贒OM元素上綁定任意類型的數(shù)據(jù),避免了循環(huán)引用的內(nèi)存泄漏風(fēng)險(xiǎn)2014-04-04jQuery在iframe中無法彈出對(duì)話框的解決方法
如果在iframe中使用則彈不出對(duì)話框,而有時(shí)候我們還必須得使用iframe而不能用jQuery的load方式,下面有個(gè)不錯(cuò)的處理方法,希望對(duì)大家有所幫助2014-01-01jQuery一步一步實(shí)現(xiàn)跨瀏覽器的可編輯表格,支持IE、Firefox、Safari、Chrome、Opera
在修改數(shù)據(jù)時(shí),有時(shí)候?yàn)榱朔奖?,我們希望能夠直接在表格里面?duì)數(shù)據(jù)進(jìn)行直接修改。2009-08-08