如何使用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实现select下拉框获取当前选中文本、值、索引
May 08 jQuery
jQuery.ajax向后台传递数组问题的解决方法
May 12 jQuery
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
jQuery实现获取table中鼠标click点击位置行号与列号的方法
Oct 09 jQuery
jquery使用FormData实现异步上传文件
Oct 25 jQuery
jQuery实现图片下载代码
Jul 18 jQuery
jquery ui 实现 tab标签功能示例【测试可用】
Jul 25 jQuery
jQuery表单选择器用法详解
Aug 22 jQuery
jquery validate 实现动态增加/删除验证规则操作示例
Oct 28 jQuery
jquery+css3实现的经典弹出层效果示例
May 16 jQuery
jQuery 动画与停止动画效果实例详解
May 19 jQuery
jQuery实现穿梭框效果
Jan 19 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 程序授权验证开发思路
2009/07/09 PHP
关于php连接mssql:pdo odbc sql server
2011/07/20 PHP
php json_encode奇怪问题说明
2011/09/27 PHP
解析php取整的几种方式
2013/06/25 PHP
php生成扇形比例图实例
2013/11/06 PHP
PHP和javascript常用正则表达式及用法实例
2014/07/01 PHP
CI框架集成Smarty的方法分析
2016/05/17 PHP
PHP实现动态压缩js与css文件的方法
2018/05/02 PHP
PHP使用ajax的post方式下载excel文件简单示例
2019/08/06 PHP
用htc组件制作windows选项卡
2007/01/13 Javascript
extjs form textfield的隐藏方法
2008/12/29 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
2014/05/08 Javascript
深入分析jsonp协议原理
2015/09/26 Javascript
基于javascript实现动态显示当前系统时间
2016/01/28 Javascript
JavaScript从数组的indexOf()深入之Object的Property机制
2016/05/11 Javascript
Spring MVC中Ajax实现二级联动的简单实例
2016/07/06 Javascript
angularjs实现首页轮播图效果
2017/04/14 Javascript
jQuery实现div跟随鼠标移动
2020/08/20 jQuery
使用Vue实现移动端左滑删除效果附源码
2019/05/16 Javascript
[22:20]初生之犊-TI4第5名LGD战队纪录片
2014/08/13 DOTA
python编写暴力破解FTP密码小工具
2014/11/19 Python
python处理二进制数据的方法
2015/06/03 Python
python脚本设置超时机制系统时间的方法
2016/02/21 Python
Python将图片批量从png格式转换至WebP格式
2020/08/22 Python
Python中进程和线程的区别详解
2017/10/29 Python
Linux下python与C++使用dlib实现人脸检测
2018/06/29 Python
对Python 3.2 迭代器的next函数实例讲解
2018/10/18 Python
纯CSS3制作的鼠标悬停时边框旋转
2017/01/03 HTML / CSS
戛纳奢侈品商店:Jacques Loup法国
2019/11/04 全球购物
机械专业个人求职自荐信格式
2013/09/21 职场文书
旅游管理毕业生自荐信范文
2014/03/19 职场文书
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
2015年设计师个人工作总结
2015/04/25 职场文书
毕业生爱心捐书倡议书
2015/04/27 职场文书
2015年物流客服工作总结
2015/07/27 职场文书
零基础学java之方法的定义与调用详解
2022/04/10 Java/Android