如何使用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 submit()不能提交表单的解决方法
Apr 24 jQuery
jQuery validata插件实现方法
Jun 25 jQuery
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
jQuery+koa2实现简单的Ajax请求的示例
Mar 06 jQuery
通过jquery.cookie.js实现记住用户名、密码登录功能
Jun 20 jQuery
详解jQuery获取特殊属性的值以及设置内容
Nov 14 jQuery
jQuery实现的简单日历组件定义与用法示例
Dec 24 jQuery
jQuery实现表格的增、删、改操作示例
Jan 27 jQuery
JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例
May 14 jQuery
jQuery 查找元素操作实例小结
Oct 02 jQuery
jQuery弹框插件使用方法详解
May 26 jQuery
jQuery实时统计输入框字数及限制
Jun 24 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
人尽可用的Windows技巧小贴士之下篇
2007/03/22 PHP
PHP中怎样保持SESSION不过期 原理及方案介绍
2013/08/08 PHP
Yii安装与使用Excel扩展的方法
2016/07/13 PHP
php解析base64数据生成图片的方法
2016/12/06 PHP
PHP简单实现合并2个数字键数组值的方法
2017/05/30 PHP
PHP实现的ID混淆算法类与用法示例
2018/08/10 PHP
解决php写入数据库乱码的问题
2019/09/17 PHP
关于php开启错误提示的总结
2019/09/24 PHP
JQuery的ajax基础上的超强GridView展示
2009/09/18 Javascript
jquery如何把参数列严格转换成数组实现思路
2013/04/01 Javascript
jquery如何扑捉回车键触发的事件
2014/04/24 Javascript
jQuery获取标签文本内容和html内容的方法
2015/03/27 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
2017/01/01 Javascript
Bootstrap轮播图学习使用
2017/02/10 Javascript
underscore之Collections_动力节点Java学院整理
2017/07/10 Javascript
JS实现数组去重方法总结(六种方法)
2017/07/14 Javascript
jQuery实现的淡入淡出图片轮播效果示例
2018/08/29 jQuery
vue初始化动画加载的实例
2018/09/01 Javascript
Windows下Node爬虫神器Puppeteer安装记
2019/01/09 Javascript
[13:25]VP vs VICI (BO3)
2018/06/07 DOTA
python通过zlib实现压缩与解压字符串的方法
2014/11/19 Python
Python本地与全局命名空间用法实例
2015/06/16 Python
浅谈python函数之作用域(python3.5)
2017/10/27 Python
Python PO设计模式的具体使用
2019/08/16 Python
python实现宿舍管理系统
2019/11/22 Python
python使用selenium爬虫知乎的方法示例
2020/10/28 Python
巧用CSS3 border实现图片遮罩效果代码
2012/04/09 HTML / CSS
环保建议书400字
2014/05/14 职场文书
单位委托函范文
2015/01/29 职场文书
2015年国税春训心得体会
2015/03/09 职场文书
婚宴主持词
2015/06/30 职场文书
业务员管理制度范本
2015/08/06 职场文书
MySQL主从复制断开的常用修复方法
2021/04/07 MySQL
javascript遍历对象的五种方式实例代码
2021/10/24 Javascript
24年收藏2000多部退役军用电台
2022/02/18 无线电
微信小程序中使用vant框架的具体步骤
2022/02/18 Javascript