客户端和服务器之间进行数据交互遵循的是HTTP协议,此协议属于无状态协议(一次请求对应一次响应,响应后断开连接) 服务器无法跟踪客户端的请求, 通过Cookie技术服务器可以给客户端添加一个凭证(类似打孔式的会员卡) 之后客户端发出的每次请求都会带着这个凭证, 这样服务器就可以识别此客户端了,但是由于Cookie是将数据保存在客户端的, 存在被篡改的风险, Session的作用就是解决此问题, Session的数据是保存在服务器当中(类似于银行卡),不存在被篡改的风险
成都创新互联-专业网站定制、快速模板网站建设、高性价比静乐网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式静乐网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖静乐地区。费用合理售后完善,10多年实体公司更值得信赖。通过会话管理技术 可以保存客户端的数据, 而数据库保存的是用户的数据
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元起,快前往官网查看详情吧
网站标题:Cookie/Session会话管理-创新互联
标题来源:https://www.cdcxhl.com/article18/pejgp.html
成都网站建设公司_创新互联,为您提供自适应网站、品牌网站制作、网站设计公司、用户体验、动态网站、品牌网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联