使用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添加重载函数的辅助方法
Jul 04 Javascript
jQuery实现Twitter的自动文字补齐特效
Nov 28 Javascript
JS组件Bootstrap Table表格多行拖拽效果实现代码
Dec 08 Javascript
JavaScript数据结构链表知识详解
Nov 21 Javascript
JavaScript数据结构之二叉树的计数算法示例
Apr 13 Javascript
jquery请求servlet实现ajax异步请求的示例
Jun 03 jQuery
Validform验证时可以为空否则按照指定格式验证
Oct 20 Javascript
使用vue的v-for生成table并给table加上序号的实例代码
Oct 27 Javascript
webpack4 配置 ssr 环境遇到“document is not defined”
Oct 24 Javascript
Vue调用后端java接口的实例代码
Oct 28 Javascript
解决vue-cli@3.xx安装不成功的问题及搭建ts-vue项目
Feb 09 Javascript
js实现简单的点名器随机色实例代码
Sep 20 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
基于HTTP长连接的"服务器推"技术的php 简易聊天室
2009/10/31 PHP
php实现图片上传、剪切功能
2016/05/07 PHP
PHP更安全的密码加密机制Bcrypt详解
2017/06/18 PHP
laravel实现上传图片并在页面显示的例子
2019/10/14 PHP
优化javascript的执行速度
2010/01/23 Javascript
正则表达式搭配js轻松处理json文本方便而老古
2013/02/17 Javascript
javascript判断chrome浏览器的方法
2014/03/26 Javascript
js控制容器隐藏出现防止样式变化的两种方法
2014/04/25 Javascript
jQuery和AngularJS的区别浅析
2015/01/29 Javascript
学习Javascript闭包(Closure)知识
2016/08/07 Javascript
jquery获取table指定行和列的数据方法(当前选中行、列)
2016/11/07 Javascript
Angular JS数据的双向绑定详解及实例
2016/12/31 Javascript
js实现复制功能(多种方法集合)
2018/01/06 Javascript
js+css实现打字效果
2020/06/24 Javascript
angular的输入和输出的使用方法
2018/09/22 Javascript
vue中的ref和$refs的使用
2018/11/22 Javascript
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
2018/12/05 Javascript
webpack HappyPack实战详解
2019/10/08 Javascript
[49:31]TFT vs Mski Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
编程语言Python的发展史
2014/09/26 Python
解决Pandas to_json()中文乱码,转化为json数组的问题
2018/05/10 Python
浅谈Python 列表字典赋值的陷阱
2019/01/20 Python
PyCharm+Qt Designer+PyUIC安装配置教程详解
2019/06/13 Python
Python sep参数使用方法详解
2020/02/12 Python
Python函数生成器原理及使用详解
2020/03/12 Python
使用keras根据层名称来初始化网络
2020/05/21 Python
使用python实现学生信息管理系统
2021/02/25 Python
英国经济型酒店品牌:Travelodge
2019/12/17 全球购物
税务专业毕业生自荐信
2013/11/10 职场文书
门卫工作岗位职责
2013/12/17 职场文书
主持人演讲稿范文
2013/12/28 职场文书
查环查孕证明
2014/01/10 职场文书
小学庆六一活动方案
2014/02/28 职场文书
一年级评语大全
2014/04/23 职场文书
师范生自荐信模板
2014/05/28 职场文书
小学教师先进事迹材料
2014/12/15 职场文书