当地存储cookie的封装，供应简朴的API

2019年8月26日 130次阅读 来源: 小弟调调

《当地存储cookie的封装，供应简朴的API》
《当地存储cookie的封装，供应简朴的API》
《当地存储cookie的封装，供应简朴的API》
《当地存储cookie的封装，供应简朴的API》

《当地存储cookie的封装，供应简朴的API》

当地存储cookie的封装，供应简朴的AIP，没有对IE做兼容处置惩罚，由于俺重要用于chrome，Safari，Firefox、挪动端等先进浏览器内里跑。假如您有需求，可以自行解决，同享出来。现在俺用不上，所以不想兼容IE。。。

装置

bower

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

npm

$ npm install cookiejs

Github下载地点

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":""
});
keyvaluedefault 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 的值，设置时刻

cookie.set(name,value,options)
结果雷同cookie(name,value,options)

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 的值

cookie.get(name)
结果雷同cookie(name)

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

clear

清空cookie

cookie.clear()
结果雷同cookie()

cookie()
cookie.clear(

remove

删除cookie

cookie.remove(name)
结果雷同cookie(name,null)

cookie.remove("test") //删除cookie test
cookie("test",null) //如许也是 删除cookie test
    原文作者：小弟调调
    原文地址: https://segmentfault.com/a/1190000002458465
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞