jQuery操作cookie


Posted in Javascript onAugust 08, 2016

web开发过程中如果网站有一部分信息是存储在cookie中并与服务器交互的话,那么前台有时就会遇到需要对cookie中信息进行操作的情况,一个最典型的例子就是在前台判断用户是否登录过当前所访问的网站。

可以用js原生的代码操作cookie,不过对于已经习惯在前台使用jquery的人员来说,最好能有一种直接扩展到jquery实例对象中的方法来统一操作风格,这里记录一个个人感觉还算简洁的方案。

$.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();
}
});

这样的话使用起来就统一风格了,以登录为例:

取值--$.cookie("logonFlag");

赋值--$.cookie("logonFlag", true);

删除--$.removeCookie("logonFlag");

cookie方法作为赋值功能使用时还可以提供第三个参数扩展,由用户对需要赋值的cookie提供可选的属性并赋值。

实际使用时发现这里的赋值/取值有些限制,对某些特殊符号(比如“>”、“<”符号)不能有效的编码/解码,不过总体来说还是很方便使用的。

以上所述是小编给大家介绍的jQuery操作cookie,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js汉字排序问题 支持中英文混排,兼容各浏览器,包括CHROME
Dec 20 Javascript
利用jquery操作Radio方法小结
Oct 20 Javascript
AngularJs验证重复密码的方法(两种)
Nov 25 Javascript
用vue2.0实现点击选中active其他选项互斥的效果
Apr 12 Javascript
对vue中v-on绑定自定事件的实例讲解
Sep 06 Javascript
解决angularjs WdatePicker ng-model的问题
Sep 13 Javascript
Puppeteer 爬取动态生成的网页实战
Nov 14 Javascript
elementUI table表格动态合并的示例代码
May 15 Javascript
JS实现动态添加外部js、css到head标签的方法
Jun 05 Javascript
JavaScript实现图片合成下载的示例
Nov 19 Javascript
JavaScript中的LHS和RHS分析详情
Apr 06 Javascript
el-table-column 内容不自动换行的解决方法
Aug 14 Vue.js
轮播图组件js代码
Aug 08 #Javascript
JavaScript面试开发常用的知识点总结
Aug 08 #Javascript
Js 获取、判断浏览器版本信息的简单方法
Aug 08 #Javascript
基于BootStrap实现局部刷新分页实例代码
Aug 08 #Javascript
js智能获取浏览器版本UA信息的方法
Aug 08 #Javascript
jQuery.ajax 跨域请求webapi设置headers的解决方案
Aug 08 #Javascript
一个超简单的jQuery回调函数例子(分享)
Aug 08 #Javascript
You might like
php实现单链表的实例代码
2013/03/22 PHP
PHP中copy on write写时复制机制介绍
2014/05/13 PHP
PHP页面实现定时跳转的方法
2014/10/31 PHP
PHP调试的强悍利器之PHPDBG
2016/02/22 PHP
PHP实现随机发扑克牌
2020/04/22 PHP
一种JavaScript的设计模式
2006/11/22 Javascript
javascript 异步页面查询实现代码(asp.net)
2010/05/26 Javascript
Jquery中CSS选择器用法分析
2015/02/10 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
2016/05/10 Javascript
支持移动端原生js轮播图
2017/02/16 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
2017/03/14 Javascript
微信小程序开发之animation循环动画实现的让云朵飘效果
2017/07/14 Javascript
详解vue-router 动态路由下子页面多页共活的解决方案
2019/12/22 Javascript
Vue 3.0 全家桶抢先体验
2020/04/28 Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
2020/06/01 Javascript
Python 私有函数的实例详解
2017/09/11 Python
Python利用字典将两个通讯录文本合并为一个文本实例
2018/01/16 Python
对python Tkinter Text的用法详解
2018/10/11 Python
详解numpy的argmax的具体使用
2019/05/27 Python
anaconda中更改python版本的方法步骤
2019/07/14 Python
使用pyecharts生成Echarts网页的实例
2019/08/12 Python
如何利用Python开发一个简单的猜数字游戏
2019/09/22 Python
Python从列表推导到zip()函数的5种技巧总结
2019/10/23 Python
Python实现i人事自动打卡的示例代码
2020/01/09 Python
boostrap modal 闪现问题的解决方法
2020/09/01 HTML / CSS
英国顶级珠宝品牌之家:John Greed
2018/06/09 全球购物
美国在线鞋类零售商:LifeStride
2019/06/09 全球购物
全球领先的在线cosplay服装商店:RoleCosplay
2020/01/18 全球购物
德国Discount-Apotheke中文官网:DC德式康线上药房
2020/02/18 全球购物
教师实习的自我鉴定
2013/10/26 职场文书
财务主管岗位职责
2014/02/28 职场文书
法人身份证明书
2015/06/18 职场文书
2019年最新证婚词精选集!
2019/06/28 职场文书
Python Flask请求扩展与中间件相关知识总结
2021/06/11 Python
对象析构函数__del__在Python中何时使用
2022/03/22 Python
让JavaScript代码更加精简的方法技巧
2022/06/01 Javascript