使用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 easyui的tabs使用时的问题
Mar 23 Javascript
js各种验证文本框输入格式(正则表达式)
Oct 22 Javascript
简单实用的js调试logger组件实现代码
Nov 20 Javascript
JS网页播放声音实现代码兼容各种浏览器
Sep 22 Javascript
js获取html页面节点方法(递归方式)
Dec 13 Javascript
fmt:formatDate的输出格式详解
Jan 09 Javascript
推荐10个2014年最佳的jQuery视频插件
Nov 12 Javascript
html5+javascript实现简单上传的注意细节
Apr 18 Javascript
AngularJS在IE下取数据总是缓存问题的解决方法
Aug 05 Javascript
解决layer弹出层中表单不起作用的问题
Sep 09 Javascript
vue 解决遍历对象显示的顺序不对问题
Nov 07 Javascript
详解JavaScript修改注册表的方法
Jan 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
文章推荐系统(三)
2006/10/09 PHP
PHP彩蛋信息介绍和阻止泄漏的方法(隐藏功能)
2014/08/06 PHP
配置php.ini实现PHP文件上传功能
2014/11/27 PHP
php格式化金额函数分享
2015/02/02 PHP
ThinkPHP5框架实现简单的批量查询功能示例
2018/06/07 PHP
JavaScript的Cookies
2008/01/16 Javascript
jquery 注意事项与常用语法小结
2010/06/07 Javascript
Document.location.href和.replace的区别示例介绍
2014/03/04 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
2014/04/04 Javascript
node-webkit打包成exe文件被360误报木马的解决方法
2015/03/11 Javascript
JS实现仿新浪微博发布内容为空时提示功能代码
2015/08/19 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
2016/06/16 Javascript
js监听键盘事件的方法_原生和jquery的区别详解
2016/10/10 Javascript
KnockoutJS 3.X API 第四章之数据控制流foreach绑定
2016/10/10 Javascript
如何选择jQuery版本 1.x? 2.x? 3.x?
2017/04/01 jQuery
微信小程序自定义tabBar组件开发详解
2020/09/24 Javascript
使用NestJS开发Node.js应用的方法
2018/12/03 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
2019/04/16 Javascript
深入理解javascript prototype的相关知识
2019/09/19 Javascript
这15个Vue指令,让你的项目开发爽到爆
2019/10/11 Javascript
js实现贪吃蛇小游戏
2019/10/29 Javascript
用webAPI实现图片放大镜效果
2020/11/23 Javascript
python pdb调试方法分享
2014/01/21 Python
python基于Tkinter库实现简单文本编辑器实例
2015/05/05 Python
django 通过ajax完成邮箱用户注册、激活账号的方法
2018/04/17 Python
PyCharm设置SSH远程调试的方法
2018/07/17 Python
pyqt5实现按钮添加背景图片以及背景图片的切换方法
2019/06/13 Python
pycharm激活码快速激活及使用步骤
2020/03/12 Python
Tensorflow tensor 数学运算和逻辑运算方式
2020/06/30 Python
Python在centos7.6上安装python3.9的详细教程(默认python版本为2.7.5)
2020/10/15 Python
英国女性时尚精品店:THE DRESSING ROOM
2018/05/23 全球购物
世界领先的豪华床上用品供应商之一:Bedeck Home
2019/03/18 全球购物
英语硕士生求职简历的自我评价
2013/10/15 职场文书
汽车专业毕业生推荐信
2013/11/12 职场文书
商务主管岗位职责
2013/12/08 职场文书
财务学生的职业生涯发展
2014/02/11 职场文书