Cookie
cookie是http协议构成的一部分,它在http协议的头上
当我们发起任意http请求时,那么当前域的cookie会随之携带在http上供后台验证
cookie前后端皆可设置(js、php都可以)
- 前端的cookie =>
document.cookie
cookie的特点:
- 身份都有时效性 => cookie可以过期
- cookie的数据大小有限制,数据条目有限制 => 4kb
- cookie是有安全性限制的 => 同源策略
- 同源:端口 | 域名 | 协议
- cookie显示访问空间
通常不设置的内容:
domain => 可访问域;在哪个域名下可以被访问;可实现跨域数据的传递
path => 路径
- cookie在
cookie获取
- 拆分字符串变成数组;此时数组之中的每一项是一条cookie;
- 继续拆分,把每一条cookie拆分成两部分,分别放入key数组和value数组;
- 用indexOf遍历数组,得出想要的具体的值;
function getCookie(key){
var _cookie = document.cookie;
var _cookie_item = _cookie.split(";");
var _key = [];
var _value = _cookie_item.map( item =>{
var _temp = item.split("=");
_key.push(_temp[0]);
return _temp[1];
})
console.log(_key,_value);
var index = _key.indexOf(key);
if(index !== -1){
return _value[index];
}
return "";
}
console.log(getCookie);