IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 6.状态管理与Cookie -> 正文阅读

[JavaScript知识库]6.状态管理与Cookie

一、状态管理


?

1.1 现有问题

  • HTTP协议是无状态的,不能保存每次提交的信息

  • 如果用户发来一个新的请求,服务器无法知道它是否与上次的请求有联系。

  • 对于那些需要多次提交数据才能完成的Web操作,比如登录来说,就成问题了。

1.2 概念

将浏览器与web服务器之间多次交互当作一个整体来处理,并且将多次交互所涉及的数据(即状态)保存下来。

1.3 状态管理分类

  • 客户端状态管理技术:将状态保存在客户端。代表性的是Cookie技术。

  • 服务器状态管理技术:将状态保存在服务器端。代表性的是session技术(服务器传递sessionID时需要使用Cookie的方式)

二、Cookie的使用


2.1 什么是Cookie

  • Cookie是在浏览器访问Web服务器的某个资源时,由Web服务器在HTTP响应消息头中附带传送给浏览器的一小段数据。

  • 一旦Web浏览器保存了某个Cookie,那么它在以后每次访问该Web服务器时,都应在HTTP请求头中将这个Cookie回传给Web服务器。

  • 一个Cookie主要由标识该信息的名称(name)和值(value)组成。

Cookie原理

2.2 创建Cookie

        //创建Cookie
        Cookie ck=new Cookie("code", code);
        ck.setPath("/webs");//设置Cookie的路径
        ck.setMaxAge(-1);//内存存储,取值有三种:>0有效期,单位秒;=0立马销毁;<0内存存储,默认-1
        response.addCookie(ck);//添加到response对象中,响应时发送给客户端
 ? ? ? ?//注意:有效路径: 当前访问资源的上一级目录,不带主机名

2.3 获取Cookie

//获取所有的Cookie
Cookie[] cks=request.getCookies();
        //遍历Cookie
        for(Cookie ck:cks){
 ? ? ? ? ?//检索出自己的Cookie
            if(ck.getName().equals("code"))
            {
 ? ? ? ? ? ? ?//记录Cookie的值
                code=ck.getValue();
                break;
            }
        }

2.4 修改Cookie

只需要保证Cookie的名和路径一致即可修改

    //修改Cookie
 ? ?Cookie ck=new Cookie("code", code);
 ? ?ck.setPath("/webs");//设置Cookie的路径
 ? ?ck.setMaxAge(-1);//内存存储,取值有三种:>0有效期,单位秒;=0失效;<0内存存储
 ? ?response.addCookie(ck);//让浏览器添加Cookie

2.5 Cookie编码与解码

Cookie默认不支持中文,只能包含ASCII字符,所以Cookie需要对Unicode字符进行编码,否则会出现乱码。

  • 编码可以使用java.net.URLEncoder类的encode(String str,String encoding)方法

  • 解码使用java.net.URLDecoder类的decode(String str,String encoding)方法

2.5.1 创建带中文Cookie

 // 使用中文的 Cookie. name 与 value 都使用 UTF-8 编码. 
 ? ?Cookie cookie = new Cookie(
 ? ? ? ?URLEncoder.encode("姓名", "UTF-8"), 
 ? ? ? ?URLEncoder.encode("老邢", "UTF-8"));
 ? ?// 发送到客户端 ? 
 ? ?response.addCookie(cookie);

2.5.2 读取带中文Cookie

 ? ?if(request.getCookies() != null){
 ? ? ? ?for(Cookie cc : request.getCookies()){
 ? ? ? ? ? ?String cookieName = URLDecoder.decode(cc.getName(), "UTF-8");
 ? ? ? ? ? ?String cookieValue = URLDecoder.decode(cc.getValue(), "UTF-8");
 ? ? ? ? ? ?out.println(cookieName + "=");
 ? ? ? ? ? ?out.println(cookieValue + "; <br/>");
 ? ? ?  }
 ?  }
 ? ?else{
 ? ? ? ?out.println("Cookie 已经写入客户端. 请刷新页面. ");
 ?  }

2.6 Cookie优点和缺点

2.6.1 优点

  • 可配置到期规则。

  • 简单性:Cookie 是一种基于文本的轻量结构,包含简单的键值对。

  • 数据持久性:Cookie默认在过期之前是可以一直存在客户端浏览器上的。

2.6.2 缺点

  • 大小受到限制:大多数浏览器对 Cookie 的大小有 4K、8K字节的限制。

  • 用户配置为禁用:有些用户禁用了浏览器或客户端设备接收 Cookie 的能力,因此限制了这一功能。、

  • 潜在的安全风险:Cookie 可能会被篡改。会对安全性造成潜在风险或者导致依赖于Cookie 的应用程序失败。

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-12-11 15:37:53  更:2021-12-11 15:39:46 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 9:24:09-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码