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 获取服务器控件值的代码
Mar 05 Javascript
js数组Array sort方法使用深入分析
Feb 21 Javascript
js读写(删除)Cookie实例详解
Apr 17 Javascript
使用node.js半年来总结的 10 条经验
Aug 18 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
Oct 14 Javascript
向JavaScript的数组中添加元素的方法小结
Oct 24 Javascript
jquery淡入淡出效果简单实例
Jan 14 Javascript
JavaScript省市区三级联动菜单效果
Sep 21 Javascript
深入浅析JavaScript中的RegExp对象
Sep 18 Javascript
详解webpack打包后如何调试的方法步骤
Nov 07 Javascript
为vue项目自动设置请求状态的配置方法
Jun 09 Javascript
vue中的循环对象属性和属性值用法
Sep 04 Javascript
轮播图组件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笔记之:AOP的应用
2013/04/24 PHP
JS测试显示屏分辨率以及屏幕尺寸的方法
2013/11/22 Javascript
使用jQuery的attr方法来修改onclick值
2014/07/07 Javascript
DOM事件探秘篇
2017/02/15 Javascript
js实现无缝滚动图
2017/02/22 Javascript
3分钟快速搭建nodejs本地服务器方法运行测试html/js
2017/04/01 NodeJs
JavaScript之事件委托实例(附原生js和jQuery代码)
2017/07/22 jQuery
基于JS实现带动画效果的流程进度条
2018/06/01 Javascript
js实现轮播图的完整代码
2020/10/26 Javascript
Vue3.0中的monorepo管理模式的实现
2019/10/14 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
2020/05/27 Javascript
原生JS实现相邻月份日历
2020/10/13 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
2020/12/10 Vue.js
[59:32]Liquid vs Fnatic 2019国际邀请赛淘汰赛败者组BO1 8.20.mp4
2020/07/19 DOTA
Python连接SQLServer2000的方法详解
2017/04/19 Python
使用python和Django完成博客数据库的迁移方法
2018/01/05 Python
python实现简易版计算器
2020/06/22 Python
python使用代理ip访问网站的实例
2018/05/07 Python
python网络爬虫 Scrapy中selenium用法详解
2019/09/28 Python
python路径的写法及目录的获取方式
2019/12/26 Python
基于SpringBoot构造器注入循环依赖及解决方式
2020/04/26 Python
基于Python绘制美观动态圆环图、饼图
2020/06/03 Python
python相对企业语言优势在哪
2020/06/12 Python
详解Windows下PyCharm安装Numpy包及无法安装问题解决方案
2020/06/18 Python
Python 如何操作 SQLite 数据库
2020/08/17 Python
Python基于callable函数检测对象是否可被调用
2020/10/16 Python
M1芯片安装python3.9.1的实现
2021/02/02 Python
数据库方面面试题
2012/04/22 面试题
七年级地理教学反思
2014/01/26 职场文书
《手指教学》反思
2014/02/14 职场文书
大学军训感言600字
2014/02/25 职场文书
仰望星空观后感
2015/06/10 职场文书
红楼梦读书笔记
2015/06/25 职场文书
初中数学教学随笔
2015/08/15 职场文书
python基础之函数的定义和调用
2021/10/24 Python
基于Python实现对比Exce的工具
2022/04/07 Python