使用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 相关文章推荐
Javascript 继承机制的实现
Aug 12 Javascript
javascript 冒泡排序 正序和倒序实现代码
Dec 14 Javascript
js 点击页面其他地方关闭弹出层(示例代码)
Dec 24 Javascript
javascript省市级联功能实现方法实例详解
Oct 20 Javascript
jQuery实现简洁的导航菜单效果
Nov 23 Javascript
JavaScript事件学习小结(一)事件流
Jun 09 Javascript
js友好的时间返回函数
Aug 24 Javascript
vue中axios解决跨域问题和拦截器的使用方法
Mar 07 Javascript
Angularjs实现页面模板清除的方法
Jul 20 Javascript
jQuery中常用动画效果函数知识点整理
Aug 19 jQuery
js实现带有动画的返回顶部
Aug 09 Javascript
关于Vue中$refs的探索浅析
Nov 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 UTF8编码内的繁简转换类
2009/07/20 PHP
php调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
PHP Imagick完美实现图片裁切、生成缩略图、添加水印
2016/02/22 PHP
Laravel重写用户登录简单示例
2016/10/08 PHP
javascript开发技术大全-第3章 js数据类型
2011/07/03 Javascript
js Date概念详细介绍
2013/11/22 Javascript
jQuery中大家不太了解的几个方法
2015/03/04 Javascript
jQuery调用ajax请求的常见方法汇总
2015/03/24 Javascript
js中javascript:void(0) 真正含义
2020/11/05 Javascript
浅析Bootstrap组件之面板组件
2016/05/04 Javascript
jQuery密码强度验证控件使用详解
2017/01/05 Javascript
canvas实现图像放大镜
2017/02/06 Javascript
javascript中apply/call和bind的使用
2017/02/15 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
2017/04/07 Javascript
探讨Vue.js的组件和模板
2017/10/27 Javascript
vue实现商城上货组件简易版
2017/11/27 Javascript
AngularJS中的作用域实例分析
2018/05/16 Javascript
VUE 实现滚动监听 导航栏置顶的方法
2018/09/11 Javascript
js 计算图片内点个数的示例代码
2019/04/04 Javascript
jQuery实现鼠标拖拽登录框移动效果
2020/09/13 jQuery
vue实现点击出现操作弹出框的示例
2020/11/05 Javascript
Python fileinput模块使用介绍
2014/11/30 Python
Python实现按照指定要求逆序输出一个数字的方法
2018/04/19 Python
对python周期性定时器的示例详解
2019/02/19 Python
详解用Python实现自动化监控远程服务器
2019/05/18 Python
关于python pycharm中输出的内容不全的解决办法
2020/01/10 Python
如何基于python实现年会抽奖工具
2020/10/20 Python
IE9下html5初试小刀
2010/09/21 HTML / CSS
canvas画图被放大且模糊的解决方法
2020/08/11 HTML / CSS
丝芙兰法国官网:SEPHORA法国
2016/09/01 全球购物
在网络中有两台主机A和B,并通过路由器和其他交换设备连接起来,已经确认物理连接正确无误,怎么来测试这两台机器是否连通?如果不通,怎么来判断故障点?怎么排
2014/01/13 面试题
教育系统干部作风整顿心得体会
2014/09/09 职场文书
2014年四风个人对照检查及整改措施
2014/10/28 职场文书
2014年机关党建工作总结
2014/11/11 职场文书
合作意向协议书
2015/01/29 职场文书
MySQL笔记 —SQL运算符
2022/01/18 MySQL