如何使用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使用正则验证15/18身份证的方法示例
Apr 27 jQuery
jQuery正则验证注册页面经典实例
Jun 10 jQuery
jQuery DOM节点的遍历方法小结
Aug 15 jQuery
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
jQuery中 DOM节点操作方法大全
Oct 12 jQuery
bootstrap可编辑下拉框jquery.editable-select
Oct 12 jQuery
jq源码解析之绑在$,jQuery上面的方法(实例讲解)
Oct 13 jQuery
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
Oct 20 jQuery
jquery中ajax请求后台数据成功后既不执行success也不执行error的完美解决方法
Dec 24 jQuery
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
jquery实现点击弹出对话框
Feb 08 jQuery
jQuery实现的解析本地 XML 文档操作示例
Apr 30 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扩展ZF――Validate扩展
2008/01/10 PHP
mysql下创建字段并设置主键的php代码
2010/05/16 PHP
基于PHP5魔术常量与魔术方法的详解
2013/06/13 PHP
php实现过滤表单提交中html标签的方法
2014/10/17 PHP
总结的一些PHP开发中的tips(必看篇)
2017/03/24 PHP
php判断某个方法是否存在函数function_exists (),method_exists()与is_callable()区别与用法解析
2020/04/20 PHP
My Desktop :) 桌面式代码
2008/12/29 Javascript
jQuery boxy弹出层插件中文演示及使用讲解
2011/02/24 Javascript
自动设置iframe大小的jQuery代码
2013/09/11 Javascript
JS获取几种URL地址的方法小结
2014/02/26 Javascript
jQuery中animate()方法用法实例
2014/12/24 Javascript
jQuery+AJAX实现网页无刷新上传
2015/02/22 Javascript
jquery常用函数与方法汇总
2015/09/01 Javascript
关于session和cookie的简单理解
2016/06/08 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
2017/06/21 Javascript
JS 学习总结之正则表达式的懒惰性和贪婪性
2017/07/03 Javascript
js实现复制功能(多种方法集合)
2018/01/06 Javascript
json数据传到前台并解析展示成列表的方法
2018/08/06 Javascript
jQuery实现的图片点击放大缩小功能案例
2020/01/02 jQuery
python3中的eval和exec的区别与联系
2019/10/10 Python
python字符串,元组,列表,字典互转代码实例详解
2020/02/14 Python
基于pytorch padding=SAME的解决方式
2020/02/18 Python
python扫描线填充算法详解
2020/02/19 Python
Python 线性回归分析以及评价指标详解
2020/04/02 Python
完美解决Django2.0中models下的ForeignKey()问题
2020/05/19 Python
Django如何在不停机的情况下创建索引
2020/08/02 Python
Python爬虫之Selenium中frame/iframe表单嵌套页面
2020/12/04 Python
AmazeUI的JS表单验证框架实战示例分享
2020/08/21 HTML / CSS
智能旅行箱:Horizn Studios
2018/04/30 全球购物
酒会邀请函
2015/01/31 职场文书
国庆放假通知怎么写
2015/07/30 职场文书
100句拼搏进取的名言警句,值得一读!
2019/10/07 职场文书
导游词之平津战役纪念馆
2019/11/04 职场文书
浅谈Python响应式类库RxPy
2021/06/14 Python
React四级菜单的实现
2022/04/08 Javascript
Java异常体系非正常停止和分类
2022/06/14 Java/Android