原生js和jquery两种处理cookie的插件介绍
来源:互联网 发布:苹果自定义铃声mac 编辑:程序博客网 时间:2024/06/05 00:11
原文地址: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、浏览器兼容性情况
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' }
- 删除 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
0 0
- 原生js和jquery两种处理cookie的插件介绍
- 原生js和jquery两种方式实现tab切换
- jQuery插件 -- Cookie插件jquery.cookie.js
- jQuery插件 -- Cookie插件jquery.cookie.js
- jQuery插件 -- Cookie插件jquery.cookie.js
- jQuery插件 -- Cookie插件jquery.cookie.js
- JS对象转URL参数(原生JS和jQuery两种方式)
- JS对象转URL参数(原生JS和jQuery两种方式)
- JQuery 插件:、jQuery.Cookie.js
- 日常常用功能-tab切换-原生js和jQuery两种写法,同一思路
- Js原生Ajax和Jquery的Ajax
- 原生js和jQuery的AJAX实现
- 关于原生js和JQuery的小记
- jquery插件--Cookie插件jquery.cookes.js
- jquery.cookie.js插件使用方法
- jquery.cookie.js使用介绍
- jquery.cookie.js使用介绍
- jquery.cookie.js使用介绍
- app拆分dex包
- 小探py线程
- 关于java JFrame窗口关闭弹出showConfirmDialog 对话框关闭而主窗口不关闭
- android-ProgressBar属性
- STS下载和springsourece tool suite update 下载地址
- 原生js和jquery两种处理cookie的插件介绍
- Java做txt日志记录
- Zookeeper开源客户端框架Curator简介[转]
- easyui datagrid实现行内编辑一列数据
- git tag — 给某个提交打个标签
- Nginx日志定时切割脚本
- JAVA基础(003_Iterator浅析)
- analyzing-malicious-office-document
- mysql中You can't specify target table for update in FROM clause错误