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事件列表解说
Dec 22 Javascript
jquery实现图片滚动效果的简单实例
Nov 23 Javascript
js四舍五入数学函数round使用实例
May 09 Javascript
IE中document.createElement的iframe无法设置属性name的解决方法
Sep 14 Javascript
实现非常简单的js双向数据绑定
Nov 06 Javascript
不得不分享的JavaScript常用方法函数集(下)
Dec 25 Javascript
JavaScript制作简单的框选图表
May 15 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
Mar 02 Javascript
Angular中使用better-scroll插件的方法
Mar 27 Javascript
vue-cli 构建骨架屏的方法示例
Nov 08 Javascript
如何从零开始手写Koa2框架
Mar 22 Javascript
vue-cli单页面预渲染seo-prerender-spa-plugin操作
Aug 10 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如何更好的利用PHPstorm的自动提示
2017/08/18 PHP
Laravel框架实现的记录SQL日志功能示例
2018/06/19 PHP
php链式操作的实现方式分析
2019/08/12 PHP
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
2011/03/30 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
2015/08/21 Javascript
Javascript技术栈中的四种依赖注入小结
2016/02/27 Javascript
关于JavaScript中事件绑定的方法总结
2016/10/26 Javascript
JS实现重新加载当前页面或者父页面的几种方法
2016/11/30 Javascript
基于jquery二维码生成插件qrcode
2017/01/07 Javascript
ajax分页效果(bootstrap模态框)
2017/01/23 Javascript
JS实现的汉字与Unicode码相互转化功能分析
2018/05/25 Javascript
Vue组件中prop属性使用说明实例代码详解
2018/05/31 Javascript
layui从数据库中获取复选框的值并默认选中方法
2018/08/15 Javascript
LayerClose弹窗关闭刷新方法
2018/08/17 Javascript
JS实现提示框跟随鼠标移动
2019/08/27 Javascript
JavaScript中reduce()的5个基本用法示例
2020/07/19 Javascript
Python translator使用实例
2008/09/06 Python
Python yield 小结和实例
2014/04/25 Python
在Python中marshal对象序列化的相关知识
2015/07/01 Python
利用Python爬取可用的代理IP
2016/08/18 Python
python 基础教程之Map使用方法
2017/01/17 Python
Python 多线程实例详解
2017/03/25 Python
Python封装原理与实现方法详解
2018/08/28 Python
Pandas DataFrame 取一行数据会得到Series的方法
2018/11/10 Python
Python实现的ftp服务器功能详解【附源码下载】
2019/06/26 Python
Python tkinter和exe打包的方法
2020/02/05 Python
CSS3实现网站商品展示效果图
2020/01/18 HTML / CSS
便携式太阳能系统的创新者:GOAL ZERO
2018/02/04 全球购物
欧姆龙医疗欧洲有限公司:Omron Healthcare Europe B.V
2020/06/13 全球购物
M.M.LaFleur官网:美国职业女装品牌
2020/10/27 全球购物
技校教师求职简历的自我评价
2013/10/20 职场文书
运动会800米加油稿
2014/02/22 职场文书
房屋继承公证书
2014/04/10 职场文书
SQL实现LeetCode(176.第二高薪水)
2021/08/04 MySQL
Android超详细讲解组件ScrollView的使用
2022/03/31 Java/Android
Java GUI编程菜单组件实例详解
2022/04/07 Java/Android