客户端和服务器之间进行数据交互遵循的是HTTP协议,此协议属于无状态协议(一次请求对应一次响应,响应后断开连接) 服务器无法跟踪客户端的请求, 通过Cookie技术服务器可以给客户端添加一个凭证(类似打孔式的会员卡) 之后客户端发出的每次请求都会带着这个凭证, 这样服务器就可以识别此客户端了,但是由于Cookie是将数据保存在客户端的, 存在被篡改的风险, Session的作用就是解决此问题, Session的数据是保存在服务器当中(类似于银行卡),不存在被篡改的风险
通过会话管理技术 可以保存客户端的数据, 而数据库保存的是用户的数据
Cookie: 数据保存在客户端(类似打孔式的会员卡)
保存时间:数据默认保存在浏览器内存中, 当浏览器关闭时数据会清除, 可以设置任意保存时间,设置完自定义的时间后 数据会保存到磁盘中,时间到了之后会从磁盘中清除
保存类型:只能保存字符串类型的数据
保存数据量: Cookie每次发请求时都会带上Cookie一起发请求, 是存在于请求头中的数据,所以数据量只能保存几k的数据
应用场景: 记住用户名和密码 (因为保存时间比较久Session只能保存半个小时)
Session:数据保存在服务器(类似银行卡)
在login.html页面 从cookie里面获取保存的用户名和密码,并显示到页面中
//从Cookie中得到用户名和密码'username=admin; password=123456'
let arr = document.cookie.split(";");
//遍历cookie数组
let count = 0;
for (let cookie of arr) {
//通过=再次拆分出key和value username=admin
let cookieArr = cookie.split("=");
let key = cookieArr[0].trim();
let value = cookieArr[1];
//判断key是用户名 还是密码
if (key=="username"){
//created方法是Vue对象初始化过程中调用的方法
//在Vue对象初始化完成之前不能通过v.的方式访问Vue对象
//如果在初始化完成之前访问Vue对象可以通过this的方式访问
//this代表的就是当前初始化过程中的Vue对象
this.user.username = value;
count++;
}else if (key=="password"){
this.user.password = value;
count++
}
}
//当count值等于2时说明之前记住了用户名和密码
//如果值不是2 是1 或是0 则不需要打钩
this.user.rem = count==2;你是否还在寻找稳定的海外服务器提供商？创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源，准确流量调度确保服务器高可用性，企业级服务器适合批量采购，新人活动首月15元起，快前往官网查看详情吧