1.cookie.js(封装了cookie的基本操作)
1.引入cookie.js
<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.cookie.js"></script>
2.常用方法
1.添加: $.cookie('the_cookie', 'the_value');
注:当没有指明 cookie有效时间时,所创建的cookie有效期默认到用户关闭浏览器为止,所以被称为“会话cookie(session cookie)”。
2.获取: $.cookie('the_cookie'); // cookie存在 => 'the_value' cookie不存在 => null
3.删除: $.cookie('the_cookie', null);
4.参数设置: $.cookie(COOKIE_NAME, $("#username").val() , { path: '/', expires: 10, domain: 'jquery.com', secure: true });
注:当指明了cookie有效时间时,所创建的cookie被称为“持久 cookie (persistent cookie)”。
expires: (Number | Date) 有效期,可以设置一个整数作为有效期(单位:天),也可以设置一个日期对象作为Cookie的过期日期。如果指定日期为负数,那么此cookie将被删 除; 如果不设置或者设置为null,那么此cookie将被当作Session Cookie处理,并且在浏览器关闭后删除
path: (String) Cookie的路径属性,默认是创建该cookie的页面路径
domain: (String) Cookie的域名属性,默认是创建该cookie的页面域名
secure: (Boolean) 如果设为true,那么此cookie的传输会要求一个安全协议,例如HTTPS
2.store.js(本地存储)
1.引入store.min.js和store+json2.min.js
<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../js/store.min.js"></script>
<script type="text/javascript" src="../js/store+json2.min.js"></script>
2.常用方法
1.设置值: store.set("name","value")
store.set("user",{name:"张三",age:32});
2.获取值: var value=store.get("name");
3.删除值: store.remove("name")
4.清空所用: store.clear();
3.data.js(数据中心+消息订阅)
1.引入data.js
<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../js/data.js"></script>
2.常用方法
1.获取实例: var D=new Data();或者 var D=Data();
2.设置值: Data.set("name","value")
注:可以在默认数据中心上操作,也可以在具体的实例上进行操作
3.判断值是否存在: Data.has("name") //返回true或false
4.获取值: Data.get("name")
5.添加订阅: var id=Data.sub(type,key,callback)
type {String} 订阅消息的类型 (可选值:set, add, update, delete 分别代表 设置,添加,更新,删除,其中set是通用类型,其他三个为细分类型,并且互斥)
key {String} 订阅消息的键值
callback {Function} 消息接受函数
return {Number} 消息的同意id用于取消订阅事件用
6.取消订阅 var id=Data.unsub(type,key,id(可选))