在网页中需要向当前电脑中储存一些数据,通过cookie可以存储
程序运行在电脑上或者手机上,都叫做客户端或者服务端
客户端是用户显示使用的程序
服务端是数据存储和操作的程序,为客户端提供数据的保障
运行在插件或者其他程序中程序 rentime
//设置改变cookie
document.cookie = "key = value"
document.cookie = "name=xxx"
//如果key相同时就会覆盖上面
document.cookie = "name=xxx"
document.cookie = "age=20"
//以对象的形式获取cookie
function getCookie(){
return document.cookie.split(";").reduce((value,item)=>{
var arr1 = item.trim().split("=")
try{
value[arr1[0]]=JSON.parse(arr1[1])
}catch(e){
value[arr1[0]]=arr1[1]
}
return value;
},{})
}
cookie使用
特征:
1.cookie的数据不能存储较大的数据4-5k
2.cookie的数据会跟随访问服务端自动往返于客户端和服务端之间
3.cookie必须在使用web服务的情况下才可以使用
4.cookie存储时根据域名来存储,不同域名直接是不能相互访问
5.在前端发送请求到另一跨域地址中,也不会携带cookie
6.cookie是有时效性,默认情况下,cookie是关闭浏览器销毁cookie在浏览器中如果禁止cookie,也不能存储cookie。浏览器可以随时销毁cookie,cookie可以通过设置保存时长来让cookie长期存储(会话级)
7.cookie存储时按照路径存储的,每个路径下有自身的存储空间,相互之间访问。子级路径可以调用父级路径中cookie,但是父级路径无法调用子级路径中cookie,可以通过path=设置路径让对应cookie存储在不同级别上
cookie可以做什么
1.token令牌 网页登陆时发送用户名和密码给服务端,服务端会把用户名和密码加密后,得到字符串通过setcookie的方式设置会访问的客户端浏览器,在对应客户端浏览器中存储cookie中token内容,党刷新页面,或者重新打开网站时,因为cookie自动携带发送给服务端特性,这时候token就会发送给服务端,服务端对token解密(或者将用户名和token发送服务端,服务端去数据查询当前用户的密码,然后根据指定的方式重新获取到token。然后比对发送来的token和服务端token是否一致来确定是否自动登录)
2.可以做广告精准投放
3.需要临时一些当前用户对应数据进行存储