原生js和jquery两种处理cookie的插件介绍

原创 2016年08月31日 16:17:19

原文地址:weber.com

jquery.cookie插件库和js.cookie的作者都是Klaus Hartl (github地址:https://github.com/carhartl)。这两个都可以读、写和删除cookie。

两个库的下载地址

链接:http://pan.baidu.com/s/1i5M4ne1 密码:9pum

js.cookie 库介绍

一个简单的、轻量级的javascript api来处理cookie

1、演示图

演示图

2、浏览器兼容性情况

image

3、下载

直接点击这里下载

最新版请访问官方github

或者通过 npm 、Bower 下载,名字为 js-cookie

4、使用

  • 创建一个整站cookie
Cookies.set('name', 'value');
  • 创建一个整站cookie ,cookie 的有效期为 7 天
Cookies.set('name', 'value', { expires: 7 });
  • 创建一个仅对 path 路径页面有效的 cookie ,cookie 的有效期为 7 天
Cookies.set('name', 'value', { expires: 7, path: '' });
  • 读取 cookie
Cookies.get('name'); // 如果cookie存在 则获取到cookie值 => 'value'
Cookies.get('nothing'); // 如果cookie不存在 则返回 => undefined
  • 获取所有可见的 cookie
Cookies.get(); // 数据格式 => { name: 'value' }

image

  • 删除 cookie
Cookies.remove('name');
  • 删除 path 路径下的 cookie
Cookies.set('name', 'value', { path: '' });
Cookies.remove('name'); // fail!
Cookies.remove('name', { path: '' }); // removed!

5、命名空间冲突问题

如果 Cookies 存在命名空间冲突问题,noConflict 函数可以解决这个问题

var Cookies2 = Cookies.noConflict();
Cookies2.set('name', 'value');

6、JSON

Cookies.set('name', { foo: 'bar' });
Cookies.get('name'); // => '{"foo":"bar"}'
Cookies.get(); // => { name: '{"foo":"bar"}' }

Cookies.getJSON 的使用

Cookies.getJSON('name'); // => { foo: 'bar' }
Cookies.getJSON(); // => { name: { foo: 'bar' } }

7、属性

domain

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

Cookies.set('name', 'value', { domain: 'weber.pub' });
Cookies.get('name'); // => undefined (需要读取 'weber.pub' 这个域名下的 cookie)

secure

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

Cookies.set('name', 'value', { secure: true });
Cookies.get('name'); // => 'value'
Cookies.remove('name', { secure: true });

jquery.cookie 介绍

一个简单的、轻量级的jQuery插件来处理cookie的读写和删除。

1、依赖jQuery库

2、浏览器兼容性情况

浏览器兼容性情况

3、下载

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

4、使用

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

5、属性

domain

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

$.cookie('name', 'value', { domain: 'weber.pub' });

secure

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

$.cookie('name', 'value', { secure: true });
$.cookie('name'); // => 'value'
$.removeCookie('name', { secure: true }); 

raw

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

$.cookie.raw = true;

json

$.cookie.json = true;

原文地址:weber.com

版权声明: https://blog.csdn.net/canglingyue/article/details/52386196

jquery cookie 插件

  • 2012年10月04日 18:16
  • 2KB
  • 下载

jquery.cookie.js插件使用方法

一个轻量级的cookie 插件,可以读取、写入、删除 cookie。 jquery.cookie.js 的配置 首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件...
  • zmx729618
  • zmx729618
  • 2016-05-20 14:27:24
  • 1030

jquery.cookie插件

  • 2017年09月07日 19:22
  • 3KB
  • 下载

jQuery的cookie插件使用,jQuery操作cookie,写入,读取,删除

写入Cookie $.cookie("cookie_name","value"); cookie_name是待写入的Cookie的名,value是写入当前Cookie的值。 读取Cookie $.co...
  • xiaoshihoukeshuaiL
  • xiaoshihoukeshuaiL
  • 2016-11-10 10:53:12
  • 2004

使用jquery插件【jquery.cookie】,实现【记住我】功能

【1】先下载jquery.cookie插件:https://github.com/carhartl/jquery-cookie 【2】安装插件: ie6/crm2/js/lib/cookies...
  • lisq037
  • lisq037
  • 2013-06-18 11:07:03
  • 7306

cookie操作插件

  • 2017年11月24日 20:37
  • 2KB
  • 下载

Cookie插件

  • 2013年10月27日 15:22
  • 2KB
  • 下载

十二款很不错的Chrome Cookie管理插件,开发者必备之cookie插件

十二款很不错的Chrome Cookie管理插件,开发者必备之cookie插件
  • john1337
  • john1337
  • 2017-02-13 16:19:53
  • 1651

用JS操作cookie的一个小插件,挺好用的

var CookieUtil = {   // 设置cookie   set : function (name, value, expires, domain, path, secure) { ...
  • ldjunxx
  • ldjunxx
  • 2017-05-02 09:06:56
  • 282

jQuery插件 -- Cookie插件jquery.cookie.js

Cookie是网站设计者放置在客户端的小文本文件。Cookie能为用户提供很多的使得,例如购物网站存储用户曾经浏览过的产品列表,或者门户网站记住用户喜欢选择浏览哪类新闻。 在用户允许的情况下,还可以存...
  • zzq58157383
  • zzq58157383
  • 2012-07-06 14:38:06
  • 46135
收藏助手
不良信息举报
您举报文章:原生js和jquery两种处理cookie的插件介绍
举报原因:
原因补充:

(最多只允许输入30个字)