使用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编程起步(第四课)
Feb 27 Javascript
JavaScript 组件之旅(一)分析和设计
Oct 28 Javascript
Get中文乱码IE浏览器Get中文乱码解决方案
Dec 26 Javascript
jQuery中extend函数的实现原理详解
Feb 03 Javascript
使用JQuery实现智能表单验证功能
Mar 08 Javascript
第一章之初识Bootstrap
Apr 25 Javascript
微信小程序 图片宽度自适应的实现
Apr 06 Javascript
微信小程序开发之选项卡(窗口底部TabBar)页面切换
Apr 12 Javascript
原生JavaScript来实现对dom元素class的操作方法(推荐)
Aug 16 Javascript
深入探索VueJS Scoped CSS 实现原理
Sep 23 Javascript
VUE使用 wx-open-launch-app 组件开发微信打开APP功能
Aug 11 Javascript
js实现随机圆与矩形功能
Oct 29 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运行时强制显示出错信息的代码
2011/04/20 PHP
利用curl 多线程 模拟 并发的详解
2013/06/14 PHP
Parse正式发布开源PHP SDK
2014/08/11 PHP
推荐一款PHP+jQuery制作的列表分页的功能模块
2014/10/14 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
Laravel实现搜索的时候分页并携带参数
2019/10/15 PHP
javascript AOP 实现ajax回调函数使用比较方便
2010/11/20 Javascript
jQuery EasyUI API 中文文档 - PropertyGrid属性表格
2011/11/18 Javascript
jquery动态改变div宽度和高度
2015/02/09 Javascript
jquery 插件实现瀑布流图片展示实例
2015/04/03 Javascript
通过点击jqgrid表格弹出需要的表格数据
2015/12/02 Javascript
nodejs 中模拟实现 emmiter 自定义事件
2016/02/22 NodeJs
利用Javascript实现BMI计算器
2016/08/16 Javascript
Bootstrap导航条鼠标悬停下拉菜单
2017/01/04 Javascript
EasyUI为Numberbox添加blur事件的方法
2017/03/05 Javascript
使用Bootrap和Vue实现仿百度搜索功能
2017/10/26 Javascript
webpack引入eslint配置详解
2018/01/22 Javascript
如何解决vue在ios微信"复制链接"功能问题
2020/03/26 Javascript
[01:01:13]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第三场
2018/04/06 DOTA
python抓取网页中的图片示例
2014/02/28 Python
Python中死锁的形成示例及死锁情况的防止
2016/06/14 Python
利用python为运维人员写一个监控脚本
2018/03/25 Python
对python读写文件去重、RE、set的使用详解
2018/12/11 Python
Python Tkinter模块 GUI 可视化实例
2019/11/20 Python
Python实现屏幕录制功能的代码
2020/03/02 Python
python中列表的含义及用法
2020/05/26 Python
Python3实现英文字母转换哥特式字体实例代码
2020/09/01 Python
html5弹跳球示例代码
2013/07/23 HTML / CSS
编码转换,怎样实现将GB2312编码的字符串转换为ISO-8859-1编码的字符串
2014/01/07 面试题
2014年五一劳动节社区活动总结
2014/04/14 职场文书
演讲稿的格式及范文
2014/08/22 职场文书
公务员上班玩游戏检讨书
2014/09/17 职场文书
超市仓管员岗位职责范本
2014/09/18 职场文书
无房证明样本
2015/06/17 职场文书
2016年教师学习教师法心得体会
2016/01/20 职场文书
2016年精神文明建设先进个人事迹材料
2016/02/29 职场文书