这里写目录标题http协议请求Request内容及举例响应ResponseHTTP请求方法HTTP常用状态码常见网络文件类型HTTP 和 HTTPS 的区别补充开发视角下的http前端后端浏览器Google的F12信息请求Request请求行请求头请求体响应Response响应行响应头响应体general请求行、响应行一级目录二级目录二级目录二级目录一级目录二级目录二级目录二级目录http协议请求Request内容及举例请求表示用户在浏览器做了操作之后浏览器发送给服务器的请求。当用户做了某些操作后浏览器会自动将该操作打包成http协议格式的数据该协议的数据包含1、请求行即上图中第一行第一个位置表示请求类型GET 还是 POST …更多见下面《HTTP请求方法》之后第二个位置是请求的资源路径URL第三个位置是使用的http版本2、请求头如上图第2~8行第2~8行是一些服务器要使用的附加信息可以看到第7行的Connection的值是keep-alive表示http协议的传输层采用的是TCP协议这里是在进行三次握手建立连接3、空行如上图第9行第9行是一个空行这是必须的他用于表示请求头部分的内容结束而请求行请求头空行即刨去数据主体可以被称为“协议头”3、请求体也称请求数据如果一个请求需要从浏览器携带数据给服务器那么数据内容会放在第9行之后也就是“请求体”部分如下图请求体里的数据一般使用JSON格式或者表单信息格式重要只有post或者put请求才有请求体一般get请求不会有请求体其参数都在URL中响应Response包括1、状态行即上图第一行包括http协议版本号然后是状态码状态码后面是对状态码的描述即对状态码的解释。比如上图的200表示的就是OK的意思而我们常见的404表示的就是找不到资源的意思更多见下面《HTTP常用状态码》2、响应头上图中第2~8行说明要传达给浏览器的一些附加信息第4行和第9行必须有其他的可以没有其中第4行必须有表示这次要发送的数据是什么格式类型的如文本类型、img、png类型、mp3类型、mp4类型等等以及该文件的编码格式更多见下面《常见网络文件类型》第5行要么不写要么传-1要么就算的精确第8行表示TCP连接断开说明http协议是每进行一次连接互通一次数据且立马断开。待下次建立连接再互通一次数据再断开3、空行在消息报头之后是一个空行表示消息报头的结束状态行消息报头空行即刨去响应正文部分称为协议头4、响应体也称响应正文即返回给浏览器的数据如JSON格式的数据、html页面、图片等HTTP请求方法常用的有GET、POST、DELETEHTTP常用状态码常见网络文件类型HTTP 和 HTTPS 的区别HTTP明文传输不加密容易被监听或篡改。HTTPS在 HTTP 上增加了 TLS/SSL 加密层安全性更高。可以理解为 HTTP 是普通电话聊天HTTPS 是加密电话聊天。补充http协议自学网站https://www.runoob.com/https://www.runoob.com/http/http-tutorial.html开发视角下的http前端刚开始进入web页面时如上图在web页面上操作时会调用前端开发的函数如上图总之不用前端不用自己去封装http报文浏览器会自动封装前端只需要按照一定的API填入关键数据即可如传入请求方法get/post、请求路径URL、传入请求体JSON数据后端一般web后端都会使用一些后端框架其中的2、表示后端框架接收http报文并且会自动帮你将http报文解析出来我们不需要自己解析http报文直接可以拿到其中的关键数据如请求方法get/post、资源路径URL、请求体JSON数据然后做下一步处理即可如先前会根据get/postURL注册路由即注册业务处理函数到这个请求路径上此时根据收到的get/postURL进行路由分发分发到之前注册的函数进行处理同时传入请求体的数据等等7、后端框架会将你想要返回的响应自动封装成http报文我们不需要自己封装http报文只需要填入一些返回的关键数据如响应状态码、返回的JSON数据等如下图浏览器Google的F12信息请求Request请求行见下方“general”请求头点击“网络”—“Header”往下翻会有一个“Request Headers”这个就是请求头请求体一般post请求会有这个选项“payload”其中的“Request Payload”就是请求体响应Response响应行见下方“general”响应头同样在“header”—“Response headers”就是响应头响应体上图中的Response和Preview都是响应体的内容只不过Response是最原始的响应体内容Preview是对响应体的内容进行了一定的预览效果看起来会很舒服general请求行、响应行其包含1、请求方面请求行中的内容请求方法、请求路径URL2、响应方面响应行中的内容状态码一级目录二级目录二级目录二级目录一级目录二级目录二级目录二级目录
web后端----HTTP协议与浏览器F12
发布时间：2026/6/25 5:39:08
这里写目录标题http协议请求Request内容及举例响应ResponseHTTP请求方法HTTP常用状态码常见网络文件类型HTTP 和 HTTPS 的区别补充开发视角下的http前端后端浏览器Google的F12信息请求Request请求行请求头请求体响应Response响应行响应头响应体general请求行、响应行一级目录二级目录二级目录二级目录一级目录二级目录二级目录二级目录http协议请求Request内容及举例请求表示用户在浏览器做了操作之后浏览器发送给服务器的请求。当用户做了某些操作后浏览器会自动将该操作打包成http协议格式的数据该协议的数据包含1、请求行即上图中第一行第一个位置表示请求类型GET 还是 POST …更多见下面《HTTP请求方法》之后第二个位置是请求的资源路径URL第三个位置是使用的http版本2、请求头如上图第2~8行第2~8行是一些服务器要使用的附加信息可以看到第7行的Connection的值是keep-alive表示http协议的传输层采用的是TCP协议这里是在进行三次握手建立连接3、空行如上图第9行第9行是一个空行这是必须的他用于表示请求头部分的内容结束而请求行请求头空行即刨去数据主体可以被称为“协议头”3、请求体也称请求数据如果一个请求需要从浏览器携带数据给服务器那么数据内容会放在第9行之后也就是“请求体”部分如下图请求体里的数据一般使用JSON格式或者表单信息格式重要只有post或者put请求才有请求体一般get请求不会有请求体其参数都在URL中响应Response包括1、状态行即上图第一行包括http协议版本号然后是状态码状态码后面是对状态码的描述即对状态码的解释。比如上图的200表示的就是OK的意思而我们常见的404表示的就是找不到资源的意思更多见下面《HTTP常用状态码》2、响应头上图中第2~8行说明要传达给浏览器的一些附加信息第4行和第9行必须有其他的可以没有其中第4行必须有表示这次要发送的数据是什么格式类型的如文本类型、img、png类型、mp3类型、mp4类型等等以及该文件的编码格式更多见下面《常见网络文件类型》第5行要么不写要么传-1要么就算的精确第8行表示TCP连接断开说明http协议是每进行一次连接互通一次数据且立马断开。待下次建立连接再互通一次数据再断开3、空行在消息报头之后是一个空行表示消息报头的结束状态行消息报头空行即刨去响应正文部分称为协议头4、响应体也称响应正文即返回给浏览器的数据如JSON格式的数据、html页面、图片等HTTP请求方法常用的有GET、POST、DELETEHTTP常用状态码常见网络文件类型HTTP 和 HTTPS 的区别HTTP明文传输不加密容易被监听或篡改。HTTPS在 HTTP 上增加了 TLS/SSL 加密层安全性更高。可以理解为 HTTP 是普通电话聊天HTTPS 是加密电话聊天。补充http协议自学网站https://www.runoob.com/https://www.runoob.com/http/http-tutorial.html开发视角下的http前端刚开始进入web页面时如上图在web页面上操作时会调用前端开发的函数如上图总之不用前端不用自己去封装http报文浏览器会自动封装前端只需要按照一定的API填入关键数据即可如传入请求方法get/post、请求路径URL、传入请求体JSON数据后端一般web后端都会使用一些后端框架其中的2、表示后端框架接收http报文并且会自动帮你将http报文解析出来我们不需要自己解析http报文直接可以拿到其中的关键数据如请求方法get/post、资源路径URL、请求体JSON数据然后做下一步处理即可如先前会根据get/postURL注册路由即注册业务处理函数到这个请求路径上此时根据收到的get/postURL进行路由分发分发到之前注册的函数进行处理同时传入请求体的数据等等7、后端框架会将你想要返回的响应自动封装成http报文我们不需要自己封装http报文只需要填入一些返回的关键数据如响应状态码、返回的JSON数据等如下图浏览器Google的F12信息请求Request请求行见下方“general”请求头点击“网络”—“Header”往下翻会有一个“Request Headers”这个就是请求头请求体一般post请求会有这个选项“payload”其中的“Request Payload”就是请求体响应Response响应行见下方“general”响应头同样在“header”—“Response headers”就是响应头响应体上图中的Response和Preview都是响应体的内容只不过Response是最原始的响应体内容Preview是对响应体的内容进行了一定的预览效果看起来会很舒服general请求行、响应行其包含1、请求方面请求行中的内容请求方法、请求路径URL2、响应方面响应行中的内容状态码一级目录二级目录二级目录二级目录一级目录二级目录二级目录二级目录
