本地存储cookie的封装,提供简单的API




图片描述

本地存储cookie的封装,提供简单的AIP,没有对IE作兼容处理,由于俺主要用于chrome,Safari,Firefox、移动端等先进浏览器里面跑。若是您有需求,能够自行解决,共享出来。目前俺用不上,因此不想兼容IE。。。html

安装

bower

$ bower install icookie
$ bower info icookie # Run bower info icookie to list the available versions.

npm

$ npm install cookiejs

Github下载地址git

cookie APIs

cookie("test","tank",1800)  //设置 cookie 的值,生存时间半个小时
cookie("test")              //获取 cookie 的值,显示tank
cookie("test",null)         //删除cookie test
cookie()                    //清空cookie

cookie.set("test","tank",1800)  //====cookie("test","tank",1800)
cookie.get("test")              //====cookie("test")
cookie.remove("test")           //====cookie("test",null)
cookie.clear()                  //====cookie()

cookie.all()                    //获取全部 cookie

批量设置cookie的值

cookie.set({
   name1: 'value1',
   name2: 'value2'
});

expires过时时间、 path路径、 domain域、以及 secure安全。

cookie("test","123",{
    "expires": 7,
    "path": '/',
    "domain":""
});
cookie({"test":"123"},{
    "expires": 7,
    "path": '/',
    "domain":""
});
key value default value
expires 过时时间(天)。指定cookie的生命期。具体是值是过时日期。若是想让cookie的存在期限超过当前浏览器会话时间,就必须使用这个属性。当过了到期日期时,浏览器就能够删除cookie文件,没有任何影响。 浏览器关闭过时
domain 域。指定关联的WEB服务器或域。值是域名,好比pc175.com。这是对path路径属性的一个延伸。若是咱们想让 catalog.pc175.com 可以访问shoppingcart.pc175.com设置的cookies,该怎么办? 咱们能够把domain属性设置成“pc175.com”,并把path属性设置成“/”。tag:不能把cookies域属性设置成与设置它的服务器的所在域不一样的值。 默认本域
path 路径。指定与cookie关联的WEB页。值能够是一个目录,或者是一个路径。若是http://www.pc175.com/devhead/index.html 创建了一个cookie,那么在http://www.pc175.com/devhead/目录里的全部页面,以及该目录下面任何子目录里的页面均可以访问这个cookie。这就是说,在http://www.pc175.com/devhead/stories/articles 里的任何页面均可以访问http://www.pc175.com/devhead/index.html创建的cookie。可是,若是http://www.pc175.com/zdnn/ 须要访问http://www.pc175.com/devhead/index.html设置的cookes,该怎么办?这时,咱们要把cookies 的path属性设置成“/”。在指定路径的时候,凡是来自同一服务器,URL里有相同路径的全部WEB页面均可以共享cookies。如今看另外一个例子:若是想让 http://www.pc175.com/devhead/filters/http://www.pc175.com/devhead/stories/共享cookies,就要把path设成“/devhead”。 默认 /
secure 安全。指定cookie的值经过网络如何在用户和WEB服务器之间传递。这个属性的值或者是“secure”,或者为空。缺省状况下,该属性为空,也就是使用不安全的HTTP链接传递数据。若是一个 cookie 标记为secure,那么,它与WEB服务器之间就经过HTTPS或者其它安全协议传递数据。不过,设置了secure属性不表明其余人不能看到你机器本地保存的cookie。换句话说,把cookie设置为secure,只保证cookie与WEB服务器之间的数据传输过程加密,而保存在本地的cookie文件并不加密。若是想让本地cookie也加密,得本身加密数据。 false

set

设置 cookie 的值,设置时间github

cookie.set(name,value,options)
效果相同cookie(name,value,options)chrome

cookie("test","tank",30)    //设置cookie,并设置过时时间30天

cookie("test","123",{       //设置cookie,并设置过时时间7天,路径、域
    "expires": 7,
    "path": '/',
    "domain":""
});

cookie({"test":"123","test2":"456"},{  //批量设置
    "expires": 7,
    "path": '/',
    "domain":""
});

get

获取 cookie 的值npm

cookie.get(name)
效果相同cookie(name)浏览器

store.get("wcj1") //获取wcj1的字符串数据
store("wcj1") //功能同上

clear

清空cookie安全

cookie.clear()
效果相同cookie()服务器

cookie()
cookie.clear(

remove

删除cookiecookie

cookie.remove(name)
效果相同cookie(name,null)网络

cookie.remove("test") //删除cookie test
cookie("test",null) //这样也是 删除cookie test
相关文章
相关标签/搜索