如何使用jQuery操作Cookies方法解析


Posted in jQuery onSeptember 08, 2020

Cookies

定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术;

下载与引入:jquery.cookie.js基于jquery;先引入jquery,再引入:jquery.cookie.js;下载:http://plugins.jquery.com/cookie/

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

jquery.cookie.js代码的内容并不多,可以直接拷贝一下

jQuery.cookie = function (key, value, options) {

  // key and value given, set cookie...
  if (arguments.length > 1 && (value === null || typeof value !== "object")) {
    options = jQuery.extend({}, options);

    if (value === null) {
      options.expires = -1;
    }

    if (typeof options.expires === 'number') {
      var days = options.expires, t = options.expires = new Date();
      t.setDate(t.getDate() + days);
    }

    return (document.cookie = [
      encodeURIComponent(key), '=',
      options.raw ? String(value) : encodeURIComponent(String(value)),
      options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
      options.path ? '; path=' + options.path : '',
      options.domain ? '; domain=' + options.domain : '',
      options.secure ? '; secure' : ''
    ].join(''));
  }

  // key and possibly options given, get cookie...
  options = value || {};
  var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
  return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};

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)”。注意单位是:天;

PS:这里好像是有问题啊,试了半天,发现jquery设置的cookie过期时间关闭浏览器就失效,https://www.cnblogs.com/acm-bingzi/p/jquery_cookie_expire.html

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

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

在默认情况下,只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设置的cookie,必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这个路径设置为网站的根目录,可以让所有网页都能互相读取 cookie (一般不要这样设置,防止出现冲突)。

4.读取cookie

$.cookie('the_cookie');

5.删除cookie

$.cookie('the_cookie', null); //通过传递null作为cookie的值即可

6.可选参数

$.cookie('the_cookie','the_value',{

expires:7,

path:'/',

domain:'jquery.com',

secure:true
}) 

  • expires:(Number|Date)有效期;设置一个整数时,单位是天;也可以设置一个日期对象作为Cookie的过期日期;
  • path:(String)创建该Cookie的页面路径;
  • domain:(String)创建该Cookie的页面域名;
  • secure:(Booblean)如果设为true,那么此Cookie的传输会要求一个安全协议,例如:HTTPS;

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery tip提示插件(实例分享)
Apr 28 jQuery
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
May 20 jQuery
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
js案例之鼠标跟随jquery版(实例讲解)
Jul 21 jQuery
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
jQuery实现标签子元素的添加和赋值方法
Feb 24 jQuery
jQuery实现判断上传图片类型和大小的方法示例
Apr 11 jQuery
jQuery实现的点击按钮改变样式功能示例
Jul 21 jQuery
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 jQuery
js/jQuery实现全选效果
Jun 17 jQuery
jquery实现下载图片功能
Jul 18 jQuery
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
jQuery实现简单三级联动效果
Sep 05 #jQuery
如何基于jQuery实现五角星评分
Sep 02 #jQuery
jQuery中getJSON跨域原理的深入讲解
Sep 02 #jQuery
Jquery $.map使用方法实例详解
Sep 01 #jQuery
JQuery基于FormData异步提交数据文件
Sep 01 #jQuery
JQuery使用数组遍历跳出each循环
Sep 01 #jQuery
JS JQuery获取data-*属性值方法解析
Sep 01 #jQuery
You might like
PHP的FTP学习(二)[转自奥索]
2006/10/09 PHP
一篇不错的PHP基础学习笔记
2007/03/18 PHP
php使用数组填充下拉列表框的方法
2015/03/31 PHP
捕获关闭窗口的脚本
2009/01/10 Javascript
JS关键字变色实现思路及代码
2013/02/21 Javascript
js不能跳转到上一页面的问题解决方法
2013/03/01 Javascript
raphael.js绘制中国地图 地图绘制方法
2014/02/12 Javascript
jquery、js操作checkbox全选反选
2014/03/12 Javascript
使用insertAfter()方法在现有元素后添加一个新元素
2014/05/28 Javascript
谈谈JavaScript中function多重理解
2015/08/28 Javascript
JS实现的不规则TAB选项卡效果代码
2015/09/18 Javascript
Vue开发中整合axios的文件整理
2017/04/29 Javascript
JS实现标签滚动切换效果
2017/12/25 Javascript
微信小程序视图容器(swiper)组件创建轮播图
2020/06/19 Javascript
el-select 下拉框多选实现全选的实现
2019/08/02 Javascript
javascript设计模式 ? 中介者模式原理与用法实例分析
2020/04/20 Javascript
Element Steps步骤条的使用方法
2020/07/26 Javascript
Python+matplotlib+numpy实现在不同平面的二维条形图
2018/01/02 Python
Python3 读、写Excel文件的操作方法
2018/10/20 Python
Linux上使用Python统计每天的键盘输入次数
2019/04/17 Python
Python小白学习爬虫常用请求报头
2020/06/03 Python
Python 整行读取文本方法并去掉readlines换行\n操作
2020/09/03 Python
英国内衣连锁店:Boux Avenue
2018/01/24 全球购物
英国在线花园中心:You Garden
2018/06/03 全球购物
Shopee越南:东南亚与台湾电商平台
2019/02/03 全球购物
StubHub澳大利亚:购买或出售您的门票
2019/08/01 全球购物
土耳其新趋势女装购物网站:Addax
2020/01/07 全球购物
女方婚礼新郎答谢词
2014/01/11 职场文书
食品安全工作实施方案
2014/03/26 职场文书
商铺租房协议书范本
2014/12/04 职场文书
2015年检验员工作总结范文
2015/04/30 职场文书
军事博物馆观后感
2015/06/05 职场文书
入党积极分子培养联系人意见
2015/08/12 职场文书
2016年优秀少先队辅导员事迹材料
2016/02/26 职场文书
网络安全倡议书(3篇)
2019/09/18 职场文书
mysql 索引的数据结构为什么要采用B+树
2022/04/26 MySQL