使用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学习5 jQuery事件模型
Feb 07 Javascript
jQuery 锚点跳转滚动条平滑滚动一句话代码
Apr 30 Javascript
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Jul 21 Javascript
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
Mar 21 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
Apr 15 Javascript
javascript实现数组中的内容随机输出
Aug 11 Javascript
js实现的页面矩阵图形变换特效
Jan 26 Javascript
微信小程序 支付后台java实现实例
May 09 Javascript
vue.js或js实现中文A-Z排序的方法
Mar 08 Javascript
vue技术分享之你可能不知道的7个秘密
Apr 09 Javascript
vue 双向数据绑定的实现学习之监听器的实现方法
Nov 30 Javascript
在vue中嵌入外部网站的实现
Nov 13 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 switch语句多个值匹配同一代码块应用示例
2014/07/29 PHP
php中socket通信机制实例详解
2015/01/03 PHP
PHP编程实现的TCP服务端和客户端功能示例
2018/04/13 PHP
JQUERY 浏览器判断实现函数
2009/08/20 Javascript
使用jQuery的将桌面应用程序引入浏览器
2010/11/19 Javascript
jquery ajax对特殊字符进行转义防止js注入使用示例
2013/11/21 Javascript
jQuery判断复选框是否勾选的原理及示例
2014/05/21 Javascript
js获取客户端操作系统类型的方法【测试可用】
2016/05/27 Javascript
JS中innerHTML和pasteHTML的区别实例分析
2016/06/22 Javascript
通过原生JS实现为元素添加事件的方法
2016/11/23 Javascript
详解有关easyUI的拖动操作中droppable,draggable用法例子
2017/06/03 Javascript
详解如何用babel转换es6的class语法
2018/04/03 Javascript
js事件触发操作实例分析
2019/06/21 Javascript
Vue 实例中使用$refs的注意事项
2021/01/29 Vue.js
[04:26]2014DOTA2国际邀请赛-Newbee顺利进入胜者组决赛 独家专访战神7
2014/07/19 DOTA
[01:18]PWL开团时刻DAY10——一拳超人
2020/11/11 DOTA
Python使用scrapy采集数据过程中放回下载过大页面的方法
2015/04/08 Python
python实现多线程的两种方式
2016/05/22 Python
深入理解Python中装饰器的用法
2016/06/28 Python
老生常谈进程线程协程那些事儿
2017/07/24 Python
python读写csv文件方法详细总结
2019/07/05 Python
如何使用Python抓取网页tag操作
2020/02/14 Python
tensorflow实现从.ckpt文件中读取任意变量
2020/05/26 Python
CSS3制作文字半透明倒影效果的两种实现方式
2014/08/08 HTML / CSS
基于CSS3实现图片模糊过滤效果
2015/11/19 HTML / CSS
html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法
2013/01/09 HTML / CSS
国际花店:Pickup Flowers
2020/04/10 全球购物
日本整理专家Marie Kondo的官方在线商店:KonMari
2020/06/29 全球购物
反邪教宣传工作方案
2014/05/07 职场文书
白血病募捐倡议书
2014/05/14 职场文书
岗位说明书怎么写
2014/07/30 职场文书
2014年终工作总结范本
2014/12/15 职场文书
2015年物业管理工作总结
2015/04/23 职场文书
答谢酒会主持词
2015/07/02 职场文书
关于拾金不昧的感谢信(五篇)
2019/10/18 职场文书