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 相关文章推荐
jQuery UI 应用不同Theme的办法
Sep 12 Javascript
JQuery each打印JS对象的方法
Nov 13 Javascript
js获取url中的参数且参数为中文时通过js解码
Mar 19 Javascript
node.js中的fs.truncateSync方法使用说明
Dec 15 Javascript
js实现简单锁屏功能实例
May 27 Javascript
JavaScript数组迭代器实例分析
Jun 09 Javascript
js检查是否关闭浏览器的方法
Aug 02 Javascript
jQuery图片加载显示loading效果
Nov 04 Javascript
js原生实现FastClick事件的实例
Nov 20 Javascript
微信小程序之ES6与事项助手的功能实现
Nov 30 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
Mar 09 Javascript
vue.js组件vue-waterfall-easy实现瀑布流效果
Aug 22 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
PHP 5.0对象模型深度探索之绑定
2006/09/05 PHP
PHP中集成PayPal标准支付的实现方法分享
2012/02/06 PHP
phpstudy的php版本自由修改的方法
2017/10/18 PHP
jQuery 动态云标签插件
2014/11/11 Javascript
使用nodejs开发cli项目实例
2015/06/03 NodeJs
jQuery.extend 函数及用法详细
2015/09/06 Javascript
谈谈Jquery ajax中success和complete有哪些不同点
2015/11/20 Javascript
Vue.js组件tab实现选项卡切换
2020/03/23 Javascript
jQuery遮罩层实例讲解
2017/05/11 jQuery
Vue+Element使用富文本编辑器的示例代码
2017/08/14 Javascript
深入理解React中何时使用箭头函数
2017/08/23 Javascript
jQuery中内容过滤器简单用法示例
2018/03/31 jQuery
axios全局注册,设置token,以及全局设置url请求网段的方法
2018/09/25 Javascript
vue计算属性computed、事件、监听器watch的使用讲解
2019/01/21 Javascript
Javascript异步执行不按顺序解决方案
2020/04/30 Javascript
基于VUE实现判断设备是PC还是移动端
2020/07/03 Javascript
Python对list列表结构中的值进行去重的方法总结
2016/05/07 Python
一些常用的Python爬虫技巧汇总
2016/09/28 Python
Python分支结构(switch)操作简介
2018/01/17 Python
python实现狄克斯特拉算法
2019/01/17 Python
使用Python函数进行模块化的实现
2019/11/15 Python
Python综合应用名片管理系统案例详解
2020/01/03 Python
如何使用Python发送HTML格式的邮件
2020/02/11 Python
基于python实现上传文件到OSS代码实例
2020/05/09 Python
澳大利亚相机之家:Camera House
2017/11/30 全球购物
随机分配座位,共50个学生,使学号相邻的同学座位不能相邻
2014/01/18 面试题
WebSphere面试题:在WebSphere里面如何部署一个应用
2015/08/02 面试题
医学生个人求职信范文
2013/09/24 职场文书
《草原的早晨》教学反思
2014/04/08 职场文书
家长会演讲稿
2014/04/26 职场文书
高中学生会竞选演讲稿
2014/08/25 职场文书
企业与个人合作经营协议书
2014/11/01 职场文书
后勤工作个人总结
2015/02/28 职场文书
领导莅临指导欢迎词
2015/09/30 职场文书
Python生成九宫格图片的示例代码
2021/04/14 Python
《战锤40K:暗潮》跳票至9月 公布新宣传片
2022/04/03 其他游戏