深入学习HTTP协议的基本概念、请求和响应格式掌握浏览器与服务器之间数据传输的规则理解HTTP协议的特点和应用场景。⚡ 快速参考HTTP是超文本传输协议规定了浏览器与服务器之间数据传输的规则HTTP协议特点基于TCP协议、请求-响应模型、无状态协议HTTP请求协议包括请求行、请求头、请求体HTTP响应协议包括响应行、响应头、响应体GET请求参数在请求行中POST请求参数在请求体中常见HTTP状态码200(成功)、404(资源不存在)、500(服务器错误)JSON是一种轻量级的数据交换格式广泛应用于Web开发 学习目标理解HTTP协议的基本概念和特点掌握HTTP请求协议的格式和组成部分掌握HTTP响应协议的格式和组成部分理解GET请求和POST请求的区别能够使用HttpServletRequest获取请求数据能够使用HttpServletResponse设置响应数据了解常见HTTP状态码的含义理解JSON格式的特点和应用场景一、HTTP概述1.1 介绍HTTPHyper Text Transfer Protocol(超文本传输协议)规定了浏览器与服务器之间数据传输的规则。http是互联网上应用最为广泛的一种网络协议http协议要求浏览器在向服务器发送请求数据时或是服务器在向浏览器发送响应数据时都必须按照固定的格式进行数据传输如果想知道http协议的数据传输格式有哪些可以打开浏览器点击F12打开开发者工具点击Network(网络)来查看浏览器向服务器进行请求时服务器按照固定的格式进行解析服务器向浏览器进行响应时浏览器按照固定的格式进行解析而我们学习HTTP协议就是来学习请求和响应数据的具体格式内容。1.2 特点我们刚才初步认识了HTTP协议那么我们在看看HTTP协议有哪些特点**基于TCP协议**面向连接安全TCP是一种面向连接的(建立连接之前是需要经过三次握手)、可靠的、基于字节流的传输层通信协议在数据传输方面更安全基于请求-响应模型:一次请求对应一次响应先请求后响应请求和响应是一一对应关系没有请求就没有响应HTTP协议是无状态协议:对于数据没有记忆能力。每次请求-响应都是独立的无状态指的是客户端发送HTTP请求给服务端之后服务端根据请求响应数据响应完后不会记录任何信息。缺点: 多次请求间不能共享数据优点: 速度快请求之间无法共享数据会引发的问题如京东购物。加入购物车和去购物车结算是两次请求由于HTTP协议的无状态特性加入购物车请求响应结束后并未记录加入购物车是何商品发起去购物车结算的请求后因为无法获取哪些商品加入了购物车会导致此次请求无法正确展示数据具体使用的时候我们发现京东是可以正常展示数据的原因是Java早已考虑到这个问题并提出了使用会话技术(Cookie、Session)来解决这个问题。具体如何来做我们后面课程中会讲到。刚才提到HTTP协议是规定了请求和响应数据的格式那具体的格式是什么呢? 接下来我们就来详细剖析。HTTP协议又分为请求协议和响应协议二、HTTP请求协议2.1 介绍**请求协议**浏览器将数据以请求格式发送到服务器。包括请求行、请求头 、请求体GET方式的请求协议请求行(以上图中红色部分) HTTP请求中的第一行数据。由请求方式、资源路径、协议/版本组成之间使用空格分隔请求方式GET资源路径/brand/findAll?nameOPPOstatus1请求路径/brand/findAll请求参数nameOPPOstatus1请求参数是以keyvalue形式出现多个请求参数之间使用连接请求路径和请求参数之间使用?连接协议/版本HTTP/1.1请求头(以上图中黄色部分) 第二行开始上图黄色部分内容就是请求头。格式为key: value形式http是个无状态的协议所以在请求头设置浏览器的一些自身信息和想要响应的形式。这样服务器在收到信息后就可以知道是谁想干什么了常见的HTTP请求头有:请求头含义Host表示请求的主机名User-Agent浏览器版本。 例如Chrome浏览器的标识类似Mozilla/5.0 …Chrome/79 IE浏览器的标识类似Mozilla/5.0 (Windows NT …)like GeckoAccept表示浏览器能接收的资源类型如text/*image/或者/*表示所有Accept-Language表示浏览器偏好的语言服务器可以据此返回不同语言的网页Accept-Encoding表示浏览器可以支持的压缩类型例如gzip, deflate等。Content-Type请求主体的数据类型Content-Length数据主体的大小单位字节举例说明服务端可以根据请求头中的内容来获取客户端的相关信息有了这些信息服务端就可以处理不同的业务需求。比如:不同浏览器解析HTML和CSS标签的结果会有不一致所以就会导致相同的代码在不同的浏览器会出现不同的效果服务端根据客户端请求头中的数据获取到客户端的浏览器类型就可以根据不同的浏览器设置不同的代码来达到一致的效果这就是我们常说的浏览器兼容问题请求体 存储请求参数GET请求的请求参数在请求行中故不需要设置请求体POST方式的请求协议请求行(以上图中红色部分)包含请求方式、资源路径、协议/版本请求方式POST资源路径/brand协议/版本HTTP/1.1请求头(以上图中黄色部分)请求体(以上图中绿色部分) 存储请求参数请求体和请求头之间是有一个空行隔开作用用于标记请求头结束GET请求和POST请求的区别区别方式GET请求POST请求请求参数请求参数在请求行中。例/brand/findAll?nameOPPOstatus1请求参数在请求体中请求参数长度请求参数长度有限制(浏览器不同限制也不同)请求参数长度没有限制安全性安全性低。原因请求参数暴露在浏览器地址栏中。安全性相对高2.2 获取请求数据Web服务器Tomcat对HTTP协议的请求数据进行解析并进行了封装(HttpServletRequest)并在调用Controller方法的时候传递给了该方法。这样就使得程序员不必直接对协议进行操作让Web开发更加便捷。代码演示如下RestControllerpublicclassRequestController{/** * 请求路径 http://localhost:8080/request?nameTomage18 * param request * return */RequestMapping(/request)publicStringrequest(HttpServletRequestrequest){//1.获取请求参数 name, ageStringnamerequest.getParameter(name);Stringagerequest.getParameter(age);System.out.println(name name, age age);//2.获取请求路径Stringurirequest.getRequestURI();Stringurlrequest.getRequestURL().toString();System.out.println(uri uri);System.out.println(url url);//3.获取请求方式Stringmethodrequest.getMethod();System.out.println(method method);//4.获取请求头Stringheaderrequest.getHeader(User-Agent);System.out.println(header header);returnrequest success;}}最终输出内容如下所示三、HTTP响应协议3.1 格式介绍响应协议服务器将数据以响应格式返回给浏览器。包括响应行 、响应头 、响应体响应行(以上图中红色部分)响应数据的第一行。响应行由协议及版本、响应状态码、状态码描述组成协议/版本HTTP/1.1响应状态码200状态码描述OK响应头(以上图中黄色部分)响应数据的第二行开始。格式为keyvalue形式http是个无状态的协议所以可以在请求头和响应头中设置一些信息和想要执行的动作这样对方在收到信息后就可以知道你是谁你想干什么常见的HTTP响应头有:Content-Type表示该响应内容的类型例如text/htmlimage/jpeg Content-Length表示该响应内容的长度字节数Content-Encoding表示该响应压缩算法例如gzip Cache-Control指示客户端应如何缓存例如max-age300表示可以最多缓存300秒;Set-Cookie:告诉浏览器为当前页面所在的域设置cookie;响应体(以上图中绿色部分) 响应数据的最后一部分。存储响应的数据响应体和响应头之间有一个空行隔开作用用于标记响应头结束3.1.1 响应状态码状态码分类说明1xx响应中 — 临时状态码。表示请求已经接受告诉客户端应该继续请求或者如果已经完成则忽略2xx成功 — 表示请求已经被成功接收处理已完成3xx重定向 — 重定向到其它地方让客户端再发起一个请求以完成整个处理4xx客户端错误 — 处理发生错误责任在客户端如客户端的请求一个不存在的资源客户端未被授权禁止访问等5xx服务器端错误 — 处理发生错误责任在服务端如服务端抛出异常路由出错HTTP版本不支持等关于响应状态码我们先主要认识三个状态码其余的等后期用到了再去掌握200 ok客户端请求成功404 Not Found请求资源不存在500 Internal Server Error服务端发生不可预期的错误3.2 常见的响应状态码状态码英文描述解释200OK客户端请求成功即处理成功这是我们最想看到的状态码302Found指示所请求的资源已移动到由Location响应头给定的 URL浏览器会自动重新访问到这个页面304Not Modified告诉客户端你请求的资源至上次取得后服务端并未更改你直接用你本地缓存吧。隐式重定向400Bad Request客户端请求有语法错误不能被服务器所理解403Forbidden服务器收到请求但是拒绝提供服务比如没有权限访问相关资源404Not Found请求资源不存在一般是URL输入有误或者网站资源被删除了405Method Not Allowed请求方式有误比如应该用GET请求方式的资源用了POST428Precondition Required服务器要求有条件的请求告诉客户端要想访问该资源必须携带特定的请求头429Too Many Requests指示用户在给定时间内发送了太多请求“限速”配合 Retry-After(多长时间后可以请求)响应头一起使用431Request Header Fields Too Large请求头太大服务器不愿意处理请求因为它的头部字段太大。请求可以在减少请求头域的大小后重新提交。500Internal Server Error服务器发生不可预期的错误。服务器出异常了赶紧看日志去吧503Service Unavailable服务器尚未准备好处理请求服务器刚刚启动还未初始化好状态码大全https://cloud.tencent.com/developer/chapter/135533.3 设置响应数据Web服务器对HTTP协议的响应数据进行了封装(HttpServletResponse)并在调用Controller方法的时候传递给了该方法。这样就使得程序员不必直接对协议进行操作让Web开发更加便捷。代码演示packagecom.itheima;importjakarta.servlet.http.HttpServletResponse;importorg.springframework.http.ResponseEntity;importorg.springframework.web.bind.annotation.RequestMapping;importorg.springframework.web.bind.annotation.RestController;importjava.io.IOException;RestControllerpublicclassResponseController{RequestMapping(/response)publicvoidresponse(HttpServletResponseresponse)throwsIOException{//1.设置响应状态码response.setStatus(401);//2.设置响应头response.setHeader(name,itcast);//3.设置响应体response.setContentType(text/html;charsetutf-8);response.setCharacterEncoding(utf-8);response.getWriter().write(h1hello response/h1);}RequestMapping(/response2)publicResponseEntityStringresponse2(HttpServletResponseresponse)throwsIOException{returnResponseEntity.status(401).header(name,itcast).body(h1hello response/h1);}}浏览器访问测试响应状态码 和 响应头如果没有特殊要求的话通常不手动设定。服务器会根据请求处理的逻辑自动设置响应状态码和响应头。四、解决406报错status: 406, error: Not Acceptable, path: /depts找到pom文件中的lombok点击Ctrl 鼠标右键进入将其版本号改为1.18.34 因为最新版默认下载的是1.18.36不适配更改完后记得刷新maven即可解决。五、Json格式介绍5.1 JSON简介JSONJavaScript Object NotationJavaScript对象表示法是一种轻量级的数据交换格式。它基于一个子集的JavaScript编程语言使用了类似于创建对象的语法来描述数据结构。尽管名为JavaScript对象表示法但JSON是语言无关的这意味着几乎所有现代编程语言都提供了处理JSON数据的能力。JSON格式有两种主要结构对象一个无序的键/值对集合。一个对象以{“开始”}“结束。每个键后跟一个冒号”:键/值对之间用逗号分隔。{name:John,age:30,isMarried:false}数组一个有序的值列表。一个数组以[“开始”]结束。值之间用逗号分隔。[Red,Green,Blue]5.2 应用场景JSON因其简洁和易于阅读的特性在多个领域中被广泛采用Web开发在客户端与服务器之间的数据传输中扮演着重要角色。例如通过AJAX请求从服务器获取数据时返回的数据格式通常为JSON。配置文件由于其结构化特性和易读性许多应用程序选择JSON作为配置文件格式。API设计RESTful API常使用JSON作为消息传递的标准格式因为它能够很好地支持复杂的数据结构并且具有良好的跨平台兼容性。NoSQL数据库一些NoSQL数据库如MongoDB使用JSON或其变种BSON来存储数据。这使得数据模型更加灵活适合快速迭代的应用程序。物联网(IoT)在物联网设备间进行数据交换时JSON也因其轻量级的特点而被广泛应用。对于资源受限的设备来说JSON提供了一种有效的方式来编码和解码数据。总的来说JSON已经成为网络上数据交换的事实标准之一无论是大型企业应用还是小型个人项目都可以看到它的身影。其简单性、可读性和强大的表达能力使其成为开发者们的首选数据格式之一。六、学习总结6.1 核心要点回顾HTTP是超文本传输协议规定了浏览器与服务器之间数据传输的规则HTTP协议特点基于TCP协议、请求-响应模型、无状态协议HTTP请求协议包括请求行、请求头、请求体HTTP响应协议包括响应行、响应头、响应体GET请求参数在请求行中POST请求参数在请求体中常见HTTP状态码200(成功)、404(资源不存在)、500(服务器错误)JSON是一种轻量级的数据交换格式广泛应用于Web开发6.2 实践建议请求方式选择GET用于查询操作参数在URL中POST用于新增操作参数在请求体中PUT用于更新操作DELETE用于删除操作状态码使用正确使用HTTP状态码便于前端处理2xx表示成功4xx表示客户端错误5xx表示服务器错误数据格式前后端交互推荐使用JSON格式JSON格式简洁、易读、易解析6.3 常见问题问题1406错误原因Lombok版本不兼容解决将Lombok版本改为1.18.34问题2中文乱码原因字符编码不一致解决统一使用UTF-8编码在请求头中设置Content-Type问题3跨域问题原因浏览器同源策略限制解决在后端配置CORS跨域支持