如何使用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 相关文章推荐
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
Jun 02 jQuery
jQuery实现frame之间互通的方法
Jun 26 jQuery
jQuery实现点击关注和取消功能
Jul 03 jQuery
详解jquery选择器的原理
Aug 01 jQuery
jQuery条件分页 代替离线查询(附代码)
Aug 17 jQuery
js jquery 获取某一元素到浏览器顶端的距离实现方法
Sep 05 jQuery
jQuery实现的简单歌词滚动功能示例
Jan 07 jQuery
jQuery实现checkbox全选、反选及删除等操作的方法详解
Aug 02 jQuery
jquery.tagsinput.js实现记录checkbox勾选的顺序
Sep 21 jQuery
Jquery属性的获取/设置及样式添加/删除操作技巧分析
Dec 23 jQuery
jQuery实现倒计时功能完整示例
Jun 01 jQuery
ajax jquery实现页面某一个div的刷新效果
Mar 04 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+mysql保存和输出文件
2006/10/09 PHP
php sprintf()函数让你的sql操作更安全
2008/07/23 PHP
PHP setcookie() cannot modify header information 的解决方法
2009/01/09 PHP
DOM基础及php读取xml内容操作的方法
2015/01/23 PHP
PHP查看当前变量类型的方法
2015/07/31 PHP
javascript学习笔记(十九) 节点的操作实现代码
2012/06/20 Javascript
密码框显示提示文字jquery示例
2013/08/29 Javascript
js控制不同的时间段显示不同的css样式的实例代码
2013/11/04 Javascript
jQuery移动web开发中的页面初始化与加载事件
2015/12/03 Javascript
激动人心的 Angular HttpClient的源码解析
2017/07/10 Javascript
JS表单传值和URL编码转换
2018/03/03 Javascript
微信小程序如何调用图片接口API并居中显示
2019/06/29 Javascript
解决webpack多页面内存溢出的方法示例
2019/10/08 Javascript
vue 全局环境切换问题
2019/10/27 Javascript
Python爬取三国演义的实现方法
2016/09/12 Python
python实现发送邮件功能
2017/07/22 Python
Python3 适合初学者学习的银行账户登录系统实例
2017/08/08 Python
Python实现的NN神经网络算法完整示例
2018/06/19 Python
多版本python的pip 升级后, pip2 pip3 与python版本失配解决方法
2019/09/11 Python
python集合删除多种方法详解
2020/02/10 Python
Python 实现一个计时器
2020/07/28 Python
Python获取excel内容及相关操作代码实例
2020/08/10 Python
Ibood荷兰:互联网每日最佳在线优惠
2019/02/28 全球购物
JACK & JONES荷兰官网:男士服装和鞋子
2021/03/07 全球购物
得到Class的三个过程是什么
2012/08/10 面试题
CAD制图设计师自荐信
2014/01/29 职场文书
大学生毕业求职信
2014/06/12 职场文书
军人离婚协议书样本
2014/10/21 职场文书
2014年监理工作总结范文
2014/11/17 职场文书
承诺函格式模板
2015/01/21 职场文书
建议书范文
2015/02/05 职场文书
企业投资意向书
2015/05/09 职场文书
百年校庆感言
2015/08/01 职场文书
我的生日感言
2015/08/03 职场文书
tensorflow学习笔记之tfrecord文件的生成与读取
2021/03/31 Python
Oracle11g r2 卸载干净重装的详细教程(亲测有效已重装过)
2021/06/04 Oracle