使用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 26 Javascript
JS截取字符串常用方法详细整理
Oct 28 Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 Javascript
浅谈JS正则表达式的RegExp对象和括号的使用
Jul 28 Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
Dec 28 Javascript
JavaScript实现前端分页控件
Apr 19 Javascript
关于javascript作用域的常见面试题分享
Jun 18 Javascript
利用10行js代码实现上下滚动公告效果
Dec 08 Javascript
Vue组件之自定义事件的功能图解
Feb 01 Javascript
AngularJS $http post 传递参数数据的方法
Oct 09 Javascript
layui之table checkbox初始化时选中对应选项的方法
Sep 02 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
Mar 10 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返回相对时间(如:20分钟前,3天前)的方法
2015/04/14 PHP
php中使用gd库实现下载网页中所有图片
2015/05/12 PHP
Zend Framework入门之环境配置及第一个Hello World示例(附demo源码下载)
2016/03/21 PHP
PHP safe_mode开启对于PHP系统函数有什么影响
2020/11/10 PHP
实现png图片和png背景透明(支持多浏览器)的方法
2009/09/08 Javascript
基于jquery的仿百度搜索框效果代码
2011/04/11 Javascript
裁剪字符串trim()自定义改进版
2013/04/10 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
2014/05/21 Javascript
jquery实现美观的导航菜单鼠标提示特效代码
2015/09/06 Javascript
基于jquery实现鼠标左右拖动滑块滑动附源码下载
2015/12/23 Javascript
基于javascript实现tab切换特效
2016/03/29 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
2016/11/05 Javascript
js Canvas绘制圆形时钟教程
2017/02/06 Javascript
vue-router路由简单案例介绍
2017/02/21 Javascript
如何使用VuePress搭建一个类型element ui文档
2019/02/14 Javascript
vue 地区选择器v-distpicker的常用功能
2019/07/23 Javascript
vue prop属性传值与传引用示例
2019/11/13 Javascript
vue 对axios get pust put delete封装的实例代码
2020/01/05 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
2020/05/18 Javascript
让Vue响应Map或Set的变化操作
2020/11/11 Javascript
python实现批量下载新浪博客的方法
2015/06/15 Python
Python实现二维有序数组查找的方法
2016/04/27 Python
python实现趣味图片字符化
2019/04/30 Python
Django利用cookie保存用户登录信息的简单实现方法
2019/05/27 Python
python实现计算器功能
2019/10/31 Python
Python包,__init__.py功能与用法分析
2020/01/07 Python
Python中zip()函数的解释和可视化(实例详解)
2020/02/16 Python
pycharm配置QtDesigner的超详细方法
2021/01/25 Python
Public Desire美国/加拿大:全球性的在线鞋类品牌
2018/12/17 全球购物
美国时尚假发购物网站:Wigsbuy
2019/04/06 全球购物
澳大利亚Rockwear官网:女子瑜伽、健身和运动服
2021/01/26 全球购物
大学生个人简历自我评价
2013/11/16 职场文书
发展部经理职责规定
2014/02/22 职场文书
汉语言文学毕业生自荐信范文
2014/03/24 职场文书
酒店前台岗位职责
2015/04/16 职场文书
DjangoRestFramework 使用 simpleJWT 登陆认证完整记录
2021/06/22 Python