jquery.cookie 介绍 和 用法

Posted ZZZZZLQ

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery.cookie 介绍 和 用法相关的知识,希望对你有一定的参考价值。

1、依赖jQuery库

2、浏览器兼容性情况

技术分享

3、下载

官方github:https://github.com/carhartl/jquery-cookie

4、使用

  • 创建一个整站cookie
$.cookie(‘name‘, ‘value‘);
  • 1
  • 创建一个整站cookie ,cookie 的有效期为 7 天
$.cookie(‘name‘, ‘value‘, { expires: 7 });
  • 1
  • 创建一个仅对 path 路径页面有效的 cookie ,cookie 的有效期为 7 天
$.cookie(‘name‘, ‘value‘, { expires: 7, path: ‘/‘ });
  • 1
  • 读取 cookie
$.cookie(‘name‘); // 如果cookie存在 则获取到cookie值 => ‘value‘
$.cookie(‘nothing‘); // 如果cookie不存在 则返回 => undefined
  • 1
  • 2
  • 获取所有可见的 cookie
$.cookie(); // 数据格式 => { name: ‘value‘ }
  • 1
  • 删除 cookie
$.removeCookie(‘name‘); // => true
$.removeCookie(‘nothing‘); // => false
  • 1
  • 2
  • 删除带属性的cookie
$.cookie(‘name‘, ‘value‘, { path: ‘/‘ });
// 错误
$.removeCookie(‘name‘); // => false
// 正确
$.removeCookie(‘name‘, { path: ‘/‘ }); // => true
  • 1
  • 2
  • 3
  • 4
  • 5

5、属性

domain

创建cookie所在网页所拥有的域名

$.cookie(‘name‘, ‘value‘, { domain: ‘weber.pub‘ });
  • 1

secure

默认是false,如果为true,cookie的传输协议需为https;

$.cookie(‘name‘, ‘value‘, { secure: true });
$.cookie(‘name‘); // => ‘value‘
$.removeCookie(‘name‘, { secure: true }); 
  • 1
  • 2
  • 3

raw

默认为false,读取和写入时候自动进行编码和解码(使用encodeURIComponent编码,使用decodeURIComponent解码),关闭这个功能,请设置为true。

$.cookie.raw = true;
  • 1

json

$.cookie.json = true;

以上是关于jquery.cookie 介绍 和 用法的主要内容,如果未能解决你的问题,请参考以下文章

jquery.cookie用法及其注意点

定义8:jquery.cookie用法详细解析

jquery cookie用法(获取cookie值,删除cookie)

jquery cookie 问题

JQuery保存和读取$ .cookie存储对象[重复]

jQuery插件之Cookie插件使用方法~