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 相关文章推荐
javaScript call 函数的用法说明
Apr 09 Javascript
js利用与或运算符优先级实现if else条件判断表达式
Apr 15 Javascript
javascript 学习笔记(onchange等)
Nov 14 Javascript
JQuery.validate在ie8下不支持的快速解决方法
May 18 Javascript
详解js中Json的语法与格式
Nov 22 Javascript
Angular4实现鼠标悬停3d倾斜效果
Oct 25 Javascript
bootstrap模态框关闭后清除模态框的数据方法
Aug 10 Javascript
JS+CSS3实现的简易钟表效果示例
Apr 13 Javascript
element ui分页多选,翻页记忆的实例
Sep 03 Javascript
微信小程序左右滚动公告栏效果代码实例
Sep 16 Javascript
解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题
Jul 22 Javascript
解决vue-router的beforeRouteUpdate不能触发
Apr 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使用正则表达式去掉html中的注释方法
2016/11/03 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
Javascript 面向对象特性
2009/12/28 Javascript
jquery ajax 同步异步的执行示例代码
2010/06/23 Javascript
jQuery1.6 类型判断实现代码
2011/09/01 Javascript
js全屏显示显示代码的三种方法
2013/11/11 Javascript
判定是否原生方法的JS代码
2013/11/12 Javascript
JS根据变量保存方法名并执行方法示例
2014/04/04 Javascript
Javascript获取统一管理的提示语(message)
2016/02/03 Javascript
jQuery UI制作选项卡(tabs)
2016/12/13 Javascript
学习使用jQuery表单验证插件和日历插件
2017/02/13 Javascript
在javaScript中检测数据类型的几种方式小结
2017/03/04 Javascript
JS组件系列之JS组件封装过程详解
2017/04/28 Javascript
react-native 封装选择弹出框示例(试用ios&amp;android)
2017/07/11 Javascript
基于jQuery的表单填充实例
2017/08/22 jQuery
es6在react中的应用代码解析
2017/11/08 Javascript
angularjs 页面自适应高度的方法
2018/01/17 Javascript
微信小程序授权登录及解密unionId出错的方法
2018/09/26 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
2019/01/17 Javascript
js中let能否完全替代IIFE
2019/06/15 Javascript
Nuxt.js实战和配置详解
2019/08/05 Javascript
Echarts.js无法引入问题解决方案
2020/10/30 Javascript
Python实现统计单词出现的个数
2015/05/28 Python
Python有序查找算法之二分法实例分析
2017/12/11 Python
python selenium 获取标签的属性值、内容、状态方法
2018/06/22 Python
对python 判断数字是否小于0的方法详解
2019/01/26 Python
Python 读取有公式cell的结果内容实例方法
2020/02/17 Python
python 安装移动复制第三方库操作
2020/07/13 Python
使用CSS3来实现滚动视差效果的教程
2015/08/24 HTML / CSS
HTML5的结构和语义(5):交互
2008/10/17 HTML / CSS
VSCode 自定义html5模板的实现
2019/12/05 HTML / CSS
阿联酋最好的手机、电子产品和家用电器网上商店:Eros Digital Home
2020/08/09 全球购物
团组织关系介绍信
2014/01/12 职场文书
致全体运动员广播稿
2014/02/01 职场文书
2016七夕情人节寄语
2015/12/04 职场文书
扩展多台相同的Web服务器
2021/04/01 Servers