使用jQuery操作Cookies的实现代码


Posted in Javascript onOctober 09, 2011

当你浏览某网站时,你硬盘上会生产一个非常小的文本文件,它可以记录你的用户ID、密码、浏览过的网页、停留的时间等信息。

当你再次来到该网站时,网站通过读取Cookies,得知你的相关信息,就可以做出相应的动作,如在页面显示欢迎你的标语,或者让你不用输入ID、密码就直接登录等等。从本质上讲,它可以看作是你的身份证。

使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,幸运的是jQuery帮我们做了很多事,借助jQuery插件,我们可以轻松的创建、获取和删除Cookies。点击这里下载cookies插件:http://plugins.jquery.com/project/Cookie

创建Cookie

使用jQuery设置cookie非常简单。如,我们创建一个名为“example”,值为“foo”的cookie:

$.cookie("example", "foo");

要设置cookie的有效期,可以设置expires值,如设置cookie的过期时间为10天:
$.cookie("example", "foo",{expires:10}); 

设置cookie一小时后过期:
var cookietime = new Date(); 
cookietime.setTime(date.getTime() + (60 * 60 * 1000));//coockie保存一小时 
$.cookie("example", "foo",{expires:cookietime});

要设置cookie的保存路径,可以设置path值,如设置路径为根目录:
$.cookie("example", "foo",{path:"/"});

如果要设置路径为/admin,则:
$.cookie("example", "foo",{path:"/admin"});

获取cookie值
使用jQuery获取cookie的值的方法那是相当的简单,下面是弹出框显示名为“example”的cookie的值:
alert($.cookie("example"));

删除Cookie
使用jQuery删除cookie,只需要将cookie的值为null,注意如果设置值为空的字符串时,并不能删除cookie,只是将cookie值清空而已。
$.cookie("example",null);

了解了cookie相关设置操作方法后,再接下来的文章中,我会用实例演示cookies的应用,如记录网站用户浏览的历史记录(浏览过的商品、看过的电影),敬请关注。
Javascript 相关文章推荐
判断多个元素(RADIO,CHECKBOX等)是否被选择的原理说明
Feb 18 Javascript
javascript OFFICE控件测试代码
Dec 08 Javascript
非常漂亮的JS+CSS图片幻灯切换特效
Nov 20 Javascript
js获取当前页面路径示例讲解
Jan 08 Javascript
AngularJS身份验证的方法
Feb 17 Javascript
BootStrap中Tab页签切换实例代码
May 30 Javascript
vuex 项目结构目录及一些简单配置介绍
Apr 08 Javascript
微信小程序textarea层级过高的解决方法
Mar 04 Javascript
vue-test-utils初使用详解
May 23 Javascript
微信小程序scroll-view隐藏滚动条的方法详解
Mar 25 Javascript
查找Vue中下标的操作(some和findindex)
Aug 12 Javascript
js实现页面导航层级指示效果
Aug 25 Javascript
jQuery实现切换页面布局使用介绍
Oct 09 #Javascript
passwordStrength 基于jquery的密码强度检测代码使用介绍
Oct 08 #Javascript
关于jQuery的inArray 方法介绍
Oct 08 #Javascript
imgAreaSelect 中文文档帮助说明
Oct 08 #Javascript
JavaScript判断一个URL链接是否有效的实现方法
Oct 08 #Javascript
jQuery EasyUI API 中文文档 - ComboBox组合框
Oct 07 #Javascript
JS 如果改变span标签的是否隐藏属性
Oct 06 #Javascript
You might like
PhpMyAdmin中无法导入sql文件的解决办法
2010/01/08 PHP
php实现统计邮件大小的方法
2013/08/06 PHP
PHP连接Nginx服务器并解析Nginx日志的方法
2015/08/16 PHP
php数组分页实现方法
2016/04/30 PHP
PHP编写daemon process 实例详解
2016/11/13 PHP
php日志函数error_log用法实例分析
2019/09/23 PHP
PHP Pipeline 实现中间件的示例代码
2020/04/26 PHP
ExtJs grid行 右键菜单的两种方法
2010/06/19 Javascript
Jquery Change与bind事件代码
2011/09/29 Javascript
web css实现整站样式互相切换
2013/10/29 Javascript
详解jQuery向动态生成的内容添加事件响应jQuery live()方法
2015/11/02 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
2016/05/28 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
2017/01/24 Javascript
vuejs2.0子组件改变父组件的数据实例
2017/05/10 Javascript
nodejs动态创建二维码的方法
2017/08/12 NodeJs
vue中使用better-scroll实现滑动效果及注意事项
2018/11/15 Javascript
js实现抽奖功能
2020/11/24 Javascript
Python中字符串的修改及传参详解
2016/11/30 Python
python邮件发送smtplib使用详解
2020/06/16 Python
启动Atom并运行python文件的步骤
2018/11/09 Python
Python多继承以及MRO顺序的使用
2019/11/11 Python
澳大利亚首屈一指的鞋类品牌:Tony Bianco
2018/03/13 全球购物
Perfume’s Club德国官网:在线购买香水
2019/04/08 全球购物
King Apparel官网:英国街头服饰品牌
2019/09/05 全球购物
iHerb俄罗斯:维生素、补品和天然产品
2020/07/09 全球购物
酒店司机岗位职责
2013/12/14 职场文书
幼儿园大班毕业感言
2014/02/06 职场文书
运动会广播稿20字
2014/02/18 职场文书
规划编制实施方案
2014/03/15 职场文书
中秋手机店促销方案
2014/06/16 职场文书
离婚被告答辩状
2015/05/22 职场文书
电影红河谷观后感
2015/06/11 职场文书
在校证明模板
2015/06/17 职场文书
合理缓解职场压力,让你随时保持最佳状态!
2019/06/21 职场文书
大学生军训心得体会5篇
2019/08/15 职场文书
详解Python flask的前后端交互
2022/03/31 Python