使用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 相关文章推荐
这段js代码得节约你多少时间
Dec 20 Javascript
javascript 进阶篇1 正则表达式,cookie管理,userData
Mar 14 Javascript
window.print打印指定div实例代码
Dec 13 Javascript
javascript基本包装类型介绍
Apr 10 Javascript
javascript中select下拉框的用法总结
Jan 07 Javascript
解决jquery无法找到其他父级子集问题的方法
May 10 Javascript
微信小程序如何获知用户运行小程序的场景教程
May 17 Javascript
vue时间格式化实例代码
Jun 13 Javascript
实例分析编写vue组件方法
Feb 12 Javascript
详解vue中移动端自适应方案
May 05 Javascript
在Vue项目中使用Typescript的实现
Dec 19 Javascript
解决vue-router 嵌套路由没反应的问题
Sep 22 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
Thinkphp 中 distinct 的用法解析
2016/12/14 PHP
Thinkphp 框架扩展之标签库驱动原理与用法分析
2020/04/23 PHP
Javascript里使用Dom操作Xml
2007/01/22 Javascript
jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
2008/12/25 Javascript
CCPry JS类库 代码
2009/10/30 Javascript
juqery 学习之四 筛选查找
2010/11/30 Javascript
一个轻量级的javascript库 pj介绍
2010/12/19 Javascript
httpclient模拟登陆具体实现(使用js设置cookie)
2013/12/11 Javascript
jquery操作checkbox示例分享
2014/07/21 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
2020/11/18 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
2016/07/04 Javascript
详解vue-cli + webpack 多页面实例应用
2017/04/25 Javascript
探索webpack模块及webpack3新特性
2017/09/18 Javascript
js删除数组中某几项的方法总结
2019/01/16 Javascript
跟老齐学Python之编写类之一创建实例
2014/10/11 Python
python和shell实现的校验IP地址合法性脚本分享
2014/10/23 Python
详解Python中的Numpy、SciPy、MatPlotLib安装与配置
2017/11/17 Python
Python re 模块findall() 函数返回值展现方式解析
2019/08/09 Python
基于Python实现剪切板实时监控方法解析
2019/09/11 Python
python使用Thread的setDaemon启动后台线程教程
2020/04/25 Python
python爬取代理ip的示例
2020/12/18 Python
意大利奢华内衣制造商:Cosabella
2017/08/29 全球购物
日本必酷网络直营店:Biccamera
2019/03/23 全球购物
社区敬老月活动实施方案
2014/02/17 职场文书
2014爱耳日宣传教育活动总结
2014/03/09 职场文书
英文演讲稿
2014/05/15 职场文书
中学生秋季运动会广播稿
2014/09/21 职场文书
公司股份转让协议书范本
2015/01/28 职场文书
争做文明公民倡议书
2019/06/24 职场文书
2019年最新七夕唯美祝福语(60条)
2019/07/22 职场文书
如何使用JavaScript策略模式校验表单
2021/04/29 Javascript
Redis集群的关闭与重启操作
2021/07/07 Redis
详解MySql中InnoDB存储引擎中的各种锁
2022/02/12 MySQL
Spring Boot 底层原理基础深度解析
2022/04/03 Java/Android
Python经常使用的一些内置函数
2022/04/11 Python
Python+SeaTable实现计算两个日期间的工作日天数
2022/07/07 Python