使用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 相关文章推荐
jquery向.ashx文件post中文乱码问题的解决方法
Mar 28 Javascript
改善用户体验的五款jQuery插件分享
May 22 Javascript
javascript(js)的小数点乘法除法问题详解
Mar 07 Javascript
Google Maps API地图应用示例分享
Oct 23 Javascript
jQuery中closest()函数用法实例
Jan 07 Javascript
JavaScript常用的弹出广告及背投广告实现方法
Feb 06 Javascript
JavaScript动态加载样式表的方法
Mar 21 Javascript
JavaScript实现的鼠标响应颜色渐变效果完整实例
Feb 18 Javascript
vue的Virtual Dom实现snabbdom解密
May 03 Javascript
Nuxt的动态路由和参数校验操作
Nov 09 Javascript
小程序自定义圆形进度条
Nov 17 Javascript
Vue项目中使用mock.js的完整步骤
Jan 12 Vue.js
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
PHP测试程序运行时间的类
2012/02/05 PHP
php的memcache类分享(memcache队列)
2014/03/26 PHP
Parse正式发布开源PHP SDK
2014/08/11 PHP
js或css文件后面跟参数的原因说明
2010/01/09 Javascript
瀑布流布局并自动加载实现代码
2013/03/12 Javascript
js window.print实现打印特定控件或内容
2013/09/16 Javascript
使用JavaScript实现Java的List功能(实例讲解)
2013/11/07 Javascript
动态加载脚本提升javascript性能
2014/02/24 Javascript
JS应用正则表达式转换大小写示例
2014/09/18 Javascript
javascript中substring()、substr()、slice()的区别
2015/08/30 Javascript
jQuery弹层插件jquery.fancybox.js用法实例
2016/01/22 Javascript
JavaScript小技巧整理篇(非常全)
2016/01/26 Javascript
js+css绘制颜色动态变化的圈中圈效果
2016/01/27 Javascript
Vue axios设置访问基础路径方法
2018/09/19 Javascript
ES2020 新特性(种草)
2020/01/12 Javascript
Node.js中的异步生成器与异步迭代详解
2021/01/31 Javascript
[04:38]完美世界携手游戏风云打造 卡尔工作室饰品系统篇
2013/04/25 DOTA
Django中传递参数到URLconf的视图函数中的方法
2015/07/18 Python
利用Python批量提取Win10锁屏壁纸实战教程
2018/03/27 Python
wxPython的安装与使用教程
2018/08/31 Python
Python中函数的基本定义与调用及内置函数详解
2019/05/13 Python
python中的列表与元组的使用
2019/08/08 Python
Python创建一个元素都为0的列表实例
2019/11/28 Python
CSS3实例分享--超炫checkbox复选框和radio单选框
2014/09/01 HTML / CSS
JD Sports西班牙:英国领先的运动服装公司
2020/01/06 全球购物
西部世纪.net笔试题面试题
2014/04/03 面试题
Java语言的优势
2015/01/10 面试题
2014全国两会学习心得体会2000字
2014/03/10 职场文书
硕士研究生求职自荐信范文
2014/03/11 职场文书
高中生家长寄语大全
2014/04/03 职场文书
党员个人批评与自我批评
2014/10/14 职场文书
2014年审计人员工作总结
2014/12/19 职场文书
2016学习依法治国心得体会
2016/01/15 职场文书
Nginx快速入门教程
2021/03/31 Servers
Python中Permission denied的解决方案
2021/04/02 Python
分享mysql的current_timestamp小坑及解决
2021/11/27 MySQL