• 客户端和服务器之间进行数据交互遵循的是HTTP协议,此协议属于无状态协议(一次请求对应一次响应,响应后断开连接) 服务器无法跟踪客户端的请求, 通过Cookie技术服务器可以给客户端添加一个凭证(类似打孔式的会员卡) 之后客户端发出的每次请求都会带着这个凭证, 这样服务器就可以识别此客户端了,但是由于Cookie是将数据保存在客户端的, 存在被篡改的风险, Session的作用就是解决此问题, Session的数据是保存在服务器当中(类似于银行卡),不存在被篡改的风险

  

  成都创新互联-专业网站定制、快速模板网站建设、高性价比静乐网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式静乐网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖静乐地区。费用合理售后完善，10多年实体公司更值得信赖。

• 通过会话管理技术 可以保存客户端的数据, 而数据库保存的是用户的数据

• Cookie: 数据保存在客户端(类似打孔式的会员卡)

  • 保存时间:数据默认保存在浏览器内存中, 当浏览器关闭时数据会清除, 可以设置任意保存时间,设置完自定义的时间后 数据会保存到磁盘中,时间到了之后会从磁盘中清除

  • 保存类型:只能保存字符串类型的数据

  • 保存数据量: Cookie每次发请求时都会带上Cookie一起发请求, 是存在于请求头中的数据,所以数据量只能保存几k的数据

  • 应用场景: 记住用户名和密码 (因为保存时间比较久Session只能保存半个小时)
    

    Session:数据保存在服务器(类似银行卡)

  • 保存时间:数据保存在服务器的内存中,保存时长是半个小时,时间可以修改但是不建议修改(因为服务器内存资源比较紧张,所有用户的数据都保存到同一个服务器 内存压力太大)
  • 保存类型:可以保存任意对象类型的数据
  • 保存数据量: 大小没有限制, 但是不建议保存太大量的数据(因为服务器内存资源比较紧张)
  • 应用场景: 记住登录状态

  • 

    通过Cookie 实现记住用户名和密码功能
  • 在登录成功时把用户名和密码通过Cookie保存 并发送给客户端
  • 

  • 在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元起，快前往官网查看详情吧