使用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 基础学习笔记之文档处理
May 29 Javascript
Domino中运用jQuery读取视图内容的方法
Oct 21 Javascript
JavaScript 基础篇之运算符、语句(二)
Apr 07 Javascript
用JQuery 判断某个属性是否存在hasAttr的解决方法
Apr 26 Javascript
js特殊字符转义介绍
Nov 05 Javascript
js实现支持手机滑动切换的轮播图片效果实例
Apr 29 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
Nov 17 Javascript
js老生常谈之this,constructor ,prototype全面解析
Apr 05 Javascript
ES6 Promise对象概念与用法分析
Apr 01 Javascript
JavaScript之排序函数_动力节点Java学院整理
Jun 30 Javascript
vue element 生成无线级左侧菜单的实现代码
Aug 21 Javascript
vue自定义组件(通过Vue.use()来使用)即install的用法说明
Aug 11 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图片处理之使用imagecopy函数添加图片水印实例
2014/11/19 PHP
php打乱数组二维数组多维数组的简单实例
2016/06/17 PHP
利用WebBrowser彻底解决Web打印问题(包括后台打印)
2009/06/22 Javascript
使用JavaScript 实现各种跨域的方法
2013/05/08 Javascript
js实现的复制兼容chrome和IE
2014/04/03 Javascript
让angularjs支持浏览器自动填表
2014/11/10 Javascript
javascript实现仿百度图片的瀑布流加载效果
2016/04/20 Javascript
基于javascript实现表格的简单操作
2016/05/21 Javascript
JQuery在循环中绑定事件的问题详解
2016/06/02 Javascript
jQuery获取Table某列的值(推荐)
2017/03/03 Javascript
jQuery实现动态生成表格并为行绑定单击变色动作的方法
2017/04/17 jQuery
Mac系统下Webstorm快捷键整理大全
2017/05/28 Javascript
label+input实现按钮开关切换效果的实例
2017/08/16 Javascript
AngularJS通过ng-Img-Crop实现头像截取的示例
2017/08/17 Javascript
vue+webpack中配置ESLint
2018/11/07 Javascript
微信小程序实现工作时间段选择
2019/02/15 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
2019/07/19 Javascript
Vue 实现显示/隐藏层的思路(加全局点击事件)
2019/12/31 Javascript
JS+CSS+HTML实现“代码雨”类似黑客帝国文字下落效果
2020/03/17 Javascript
[02:18]《我与DAC》之工作人员:为了热爱DOTA2的玩家们
2018/03/28 DOTA
Python随机生成数模块random使用实例
2015/04/13 Python
Python操作MySQL数据库9个实用实例
2015/12/11 Python
Python实现的概率分布运算操作示例
2017/08/14 Python
Python字典的基本用法实例分析【创建、增加、获取、修改、删除】
2019/03/05 Python
详解Python安装tesserocr遇到的各种问题及解决办法
2019/03/07 Python
PyQt5 在label显示的图片中绘制矩形的方法
2019/06/17 Python
浅析HTML5:'data-'属性的作用
2018/01/23 HTML / CSS
轻化专业学生实习自我鉴定
2013/09/20 职场文书
大二自我鉴定范文
2013/10/05 职场文书
应届行政管理专业个人自我评价
2013/12/28 职场文书
2014庆六一活动方案
2014/03/02 职场文书
机电一体化专业毕业生自荐信
2014/06/19 职场文书
人事经理岗位职责范本
2014/08/04 职场文书
群众路线表态发言材料
2014/10/17 职场文书
老龙头导游词
2015/02/11 职场文书
「女孩的钓鱼慢活」全新版权绘公布
2022/03/21 日漫