如何使用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获取table下某一行某一列的值实现代码
Apr 07 jQuery
jQuery输入框密码的显示隐藏【代码分享】
Apr 29 jQuery
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
jQuery md5加密插件jQuery.md5.js用法示例
Aug 24 jQuery
jQuery实现获取及设置CSS样式操作详解
Sep 05 jQuery
jQuery实现基本隐藏与显示效果的方法详解
Sep 05 jQuery
jQuery实现动画、消失、显现、渐出、渐入效果示例
Sep 06 jQuery
jQuery实现的自定义轮播图功能详解
Dec 28 jQuery
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 jQuery
jQuery实现为table表格动态添加或删除tr功能示例
Feb 19 jQuery
jQuery实现鼠标拖拽登录框移动效果
Sep 13 jQuery
基于jQuery拖拽事件的封装
Nov 29 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 XML操作的各种方法解析(比较详细)
2010/06/17 PHP
PHP中改变图片的尺寸大小的代码
2011/07/17 PHP
PHP面向对象程序设计之多态性的应用示例
2018/12/19 PHP
非阻塞动态加载javascript广告实现代码
2010/11/17 Javascript
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
2015/01/22 Javascript
JQuery的ON()方法支持的所有事件罗列
2015/02/28 Javascript
jQuery构造函数init参数分析续
2015/05/13 Javascript
jQuery实现每隔几条元素增加1条线的方法
2016/06/27 Javascript
vue的Virtual Dom实现snabbdom解密
2017/05/03 Javascript
js事件委托和事件代理案例分享
2017/07/25 Javascript
jQuery实现的简单前端搜索功能示例
2017/10/28 jQuery
细述Javascript的加法运算符的具体使用
2019/10/18 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
2020/10/29 Javascript
Vue实现购物车基本功能
2020/11/08 Javascript
[02:31]2018年度DOTA2最具人气选手-完美盛典
2018/12/16 DOTA
python获取文件版本信息、公司名和产品名的方法
2014/10/05 Python
Python实现去除代码前行号的方法
2015/03/10 Python
在Python中用split()方法分割字符串的使用介绍
2015/05/20 Python
使用python检测主机存活端口及检查存活主机
2015/10/12 Python
Python对文件和目录进行操作的方法(file对象/os/os.path/shutil 模块)
2017/05/08 Python
PyQt5利用QPainter绘制各种图形的实例
2017/10/19 Python
对Python中的@classmethod用法详解
2018/04/21 Python
python实现对象列表根据某个属性排序的方法详解
2019/06/11 Python
pyqt弹出新对话框,以及关闭对话框获取数据的实例
2019/06/18 Python
python关于矩阵重复赋值覆盖问题的解决方法
2019/07/19 Python
Python实现的爬取豆瓣电影信息功能案例
2019/09/15 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
Django框架请求生命周期实现原理
2020/11/13 Python
美国五金商店:Ace Hardware
2018/03/27 全球购物
计算机应用专业应届毕业生中文求职信范文
2013/11/29 职场文书
饮料业务员岗位职责
2013/12/15 职场文书
母亲节感恩寄语
2014/02/21 职场文书
学校消防安全责任书
2014/07/23 职场文书
平面设计师岗位职责
2014/09/18 职场文书
Python Pycharm虚拟下百度飞浆PaddleX安装报错问题及处理方法(亲测100%有效)
2021/05/24 Python
MySQL中in和exists区别详解
2021/06/03 MySQL