使用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 相关文章推荐
新手入门常用代码集锦
Jan 11 Javascript
在网页里看flash的trace数据的js类
Jan 10 Javascript
js 强制弹出窗口代码研究-又一款代码
Mar 20 Javascript
JavaScript中按位“异或”运算符使用介绍
Mar 14 Javascript
Node.js开发者必须了解的4个JS要点
Feb 21 Javascript
jQuery 3.0十大新特性最终版发布
Jul 14 Javascript
浅谈javascript中的Function和Arguments
Aug 30 Javascript
Javascript 详解封装from表单数据为json串进行ajax提交
Mar 29 Javascript
angularJS实现不同视图同步刷新详解
Oct 09 Javascript
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
Oct 26 Javascript
Vue+Vant 图片上传加显示的案例
Nov 03 Javascript
JavaScript代码实现微博批量取消关注功能
Feb 05 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
php的curl实现get和post的代码
2008/08/23 PHP
php二维数组转成字符串示例
2014/02/17 PHP
PHP管理依赖(dependency)关系工具 Composer 安装与使用
2014/08/18 PHP
PHP使用json_encode函数时不转义中文的解决方法
2014/11/12 PHP
php数据序列化测试实例详解
2017/08/12 PHP
laravel5.0在linux下解决.htaccess无效和去除index.php的问题
2019/10/16 PHP
PHP手机号码及邮箱正则表达式实例解析
2020/07/11 PHP
JS实现浏览器菜单命令
2006/09/05 Javascript
javascript下function声明一些小结
2007/12/28 Javascript
基于jquery的一个拖拽到指定区域内的效果
2011/09/21 Javascript
JS基于FileSystemObject创建一个指定路径的TXT文本文件
2015/08/05 Javascript
JavaScript性能优化之小知识总结
2015/11/20 Javascript
jQuery Validate插件实现表单强大的验证功能
2015/12/18 Javascript
Bootstrap实现下拉菜单效果
2016/04/29 Javascript
js检测离开或刷新页面时表单数据是否更改的方法
2016/08/02 Javascript
vue.js入门教程之绑定class和style样式
2016/09/02 Javascript
Bootstrap组件之下拉菜单,多级菜单及按钮布局方法实例
2017/05/25 Javascript
详解Node 定时器
2018/02/26 Javascript
Javascript中Math.max和Math.max.apply的区别和用法详解
2020/08/24 Javascript
python遍历序列enumerate函数浅析
2017/10/17 Python
Python 画出来六维图
2019/07/26 Python
pycharm 安装JPype的教程
2019/08/08 Python
python输入中文的实例方法
2020/09/14 Python
Django自带用户认证系统使用方法解析
2020/11/12 Python
用python批量移动文件
2021/01/14 Python
Mountain Hardwear官网:攀岩服装和户外装备
2019/09/26 全球购物
英国现代、当代和设计师家具店:Furntastic
2020/07/18 全球购物
桥梁与隧道工程专业本科生求职信
2013/10/08 职场文书
船舶专业个人求职信范文
2014/01/02 职场文书
初一科学教学反思
2014/01/27 职场文书
安全生产活动月方案
2014/03/09 职场文书
食品委托检验协议书范本
2014/09/12 职场文书
少先大队干部竞选稿
2015/11/20 职场文书
TensorFlow中tf.batch_matmul()的用法
2021/06/02 Python
JS实现简单的九宫格抽奖
2022/06/28 Javascript
JS前端使用Canvas快速实现手势解锁特效
2022/09/23 Javascript