jQuery.cookie.js使用方法及相关参数解释


Posted in Javascript onMarch 06, 2017

cookie操作需要上传到服务器才能查看到结果本地不行

一个轻量级的cookie 插件,可以读取、写入、删除 cookie。

jquery.cookie.js 的配置

首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件。

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="js/jquery.cookie.js"></script>

使用方法

1.新添加一个会话 cookie:

$.cookie('the_cookie', 'the_value');

注:当没有指明 cookie有效时间时,所创建的cookie有效期默认到用户关闭浏览器为止,所以被称为

“会话cookie(session cookie)”。

2.创建一个cookie并设置有效时间为 7天:

$.cookie('the_cookie', 'the_value', { expires: 7 });

注:当指明了cookie有效时间时,所创建的cookie被称为“持久 cookie (persistent cookie)”。

3.创建一个cookie并设置 cookie的有效路径:

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

注:在默认情况下,只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设

置的cookie,必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这

个路径设置为网站的根目录,可以让所有网页都能互相读取 cookie (一般不要这样设置,防止出现冲突) 。

4.读取cookie:

$.cookie('the_cookie'); // cookie存在 => 'the_value' 
$.cookie('not_existing'); // cookie不存在 => null

5.删除cookie,通过传递null作为cookie的值即可:

$.cookie('the_cookie', null);

----------相关参数的解释---------------

1).expires: 365

定义cookie的有效时间,值可以是一个数字(从创建cookie时算起,以天为单位)或一个Date 对

象。如果省略,那么创建的cookie是会话cookie,将在用户退出浏览器时被删除。

2).path: '/'

默认情况:只有设置cookie的网页才能读取该cookie。

定义cookie的有效路径。默认情况下, 该参数的值为创建 cookie 的网页所在路径(标准浏览器的行为) 。

如果你想在整个网站中访问这个cookie需要这样设置有效路径:path: '/'。如果你想删除一个定义

了有效路径的 cookie,你需要在调用函数时包含这个路径:$.cookie('the_cookie', null,

{ path: '/' });。 domain: 'example.com'

默认值:创建 cookie的网页所拥有的域名。

3).secure: true

默认值:false。如果为true,cookie的传输需要使用安全协议(HTTPS)。

4).raw: true

默认值:false。

默认情况下,读取和写入 cookie 的时候自动进行编码和解码(使用encodeURIComponent 编码,

decodeURIComponent 解码)。要关闭这个功能设置 raw: true 即可。

以上所述是小编给大家介绍的jQuery.cookie.js使用方法及相关参数解释,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js表格分页实现代码
Sep 18 Javascript
判断用户的在线状态 onbeforeunload事件
Mar 05 Javascript
json数据处理技巧(字段带空格、增加字段、排序等等)
Jun 14 Javascript
JavaScript前端图片加载管理器imagepool使用详解
Dec 29 Javascript
如何使用jquery easyui创建标签组件
Nov 18 Javascript
Angular.js 实现数字转换汉字实例代码
Jul 14 Javascript
BootStrap与validator 使用笔记(JAVA SpringMVC实现)
Sep 21 Javascript
jQuery ajax的功能实现方法详解
Jan 06 Javascript
使用cookie绕过验证码登录的实现代码
Oct 12 Javascript
微信小程序websocket聊天室的实现示例代码
Feb 12 Javascript
详解vue在项目中使用百度地图
Mar 26 Javascript
js实现缓动动画
Nov 25 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
Mar 06 #Javascript
jQuery简单实现遍历单选框的方法
Mar 06 #Javascript
jQuery在header中设置请求信息的方法
Mar 06 #Javascript
jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】
Mar 06 #Javascript
Vue.js 2.0中select级联下拉框实例
Mar 06 #Javascript
jquery获取select,option所有的value和text的实例
Mar 06 #Javascript
Bootstrap按钮组简单实现代码
Mar 06 #Javascript
You might like
15个小时----从修改程序到自己些程序
2006/10/09 PHP
PHP仿盗链代码
2012/06/03 PHP
php使用多个进程同时控制文件读写示例
2014/02/28 PHP
ThinkPHP调试模式与日志记录概述
2014/08/22 PHP
php使用pthreads v3多线程实现抓取新浪新闻信息操作示例
2020/02/21 PHP
对字符串进行HTML编码和解码的JavaScript函数
2010/02/01 Javascript
ASP 过滤数组重复数据函数(加强版)
2010/05/31 Javascript
js判断一个元素是否为另一个元素的子元素的代码
2012/03/21 Javascript
JS鼠标滑过图片时切换图片实现思路
2013/09/12 Javascript
轻松创建nodejs服务器(8):非阻塞是如何实现的
2014/12/18 NodeJs
js数组的操作指南
2014/12/28 Javascript
EasyUI Pagination 分页的两种做法小结
2016/07/09 Javascript
AngularJs导出数据到Excel的示例代码
2017/08/11 Javascript
vue用addRoutes实现动态路由的示例
2017/09/15 Javascript
详解使用vuex进行菜单管理
2017/12/21 Javascript
在vue项目中使用Nprogress.js进度条的方法
2018/01/31 Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
2018/03/28 Javascript
VUE 全局变量的几种实现方式
2018/08/22 Javascript
ng-events类似ionic中Events的angular全局事件
2018/09/05 Javascript
详解vue中this.$emit()的返回值是什么
2019/04/07 Javascript
巧妙运用v-model实现父子组件传值的方法示例
2019/04/07 Javascript
[36:09]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
给Python入门者的一些编程建议
2015/06/15 Python
Django中模版的子目录与include标签的使用方法
2015/07/16 Python
python下解压缩zip文件并删除文件的实例
2018/04/24 Python
python实现Virginia无密钥解密
2019/03/20 Python
英国最红的高街时尚品牌:Topshop
2016/08/05 全球购物
考博专家推荐信模板
2013/12/02 职场文书
骨干教师培训制度
2014/01/13 职场文书
一份没有按时交货失信于客户的检讨书
2014/09/19 职场文书
喝酒驾驶检讨书
2014/10/01 职场文书
红领巾广播站广播稿
2015/08/19 职场文书
志愿服务心得体会
2016/01/15 职场文书
还在手动盖楼抽奖?教你用Python实现自动评论盖楼抽奖(一)
2021/06/07 Python
Python答题卡识别并给出分数的实现代码
2021/06/22 Python
Ruby序列化和持久化存储 Marshal和Pstore介绍
2022/04/18 Ruby