浏览器网络请求——HTTP详解

迦南giser

已于 2023-09-07 10:59:02 修改

阅读量3.5k

点赞数 6

分类专栏：前端 # 浏览器文章标签：网络 http 服务器

于 2023-05-17 19:49:16 首次发布

本文链接：https://blog.csdn.net/qq_37987033/article/details/130290953

版权

前端同时被 2 个专栏收录

14 篇文章 2 订阅

订阅专栏

浏览器

4 篇文章 0 订阅

订阅专栏

文章目录

HTTP 是什么
HTTP 发展历程
常用方法
头部信息 (Headers)
- 请求头（request Headers）
- 响应头（response Headers）
状态码
HTTP无状态理解：cookie与session
总结

HTTP 是什么

HTTP（Hyper Text Transfer Protocol）： 超文本传输协议，是用层协议，用于从万维网服务器传输超文本到本地浏览器的传送协议。

HTTP 发展历程

截至目前，http 经历了原始版本、http1.0、 http1.1、 http2.0 几个版本，新版本每次出现都针对上一个版本的不足进行加强

HTTP 1.0

1.0 版本有个很大的缺点：TCP连接不可复用，每进行一次 HTTP 通信，都需要进行一次TCP 连接、HTTP 通信、断开 TCP 连接流程，如下图，两次 HTTP 通信就要进行两个完整的流程

在这里插入图片描述

HTTP 1.1

为了解决1.0版本的TCP连接不可复用问题，在1.1版本中，提出了 长连接机制，在一个 TCP 连接里可以进行多次 HTTP 通信，如下图。

在这里插入图片描述

但是1.1 版本和 1.0 都有个很大的问题：队头阻塞，由于服务的响应是串行的，前一个请求若未响应，会阻塞后一个响应的返回。

HTTP 2.0

HTTP2.0 对性能做出了极大的改进主要包括：二进制分帧、头部压缩、服务端推送、多路复用

二进制分帧

在 HTTP1.x 中，数据以文本的格式进行传输，解析起来比较低效。HTTP2.0 在传输消息时，首先会将消息划分为更小的消息和帧，然后再对其采取二进制格式的编码，确保高效的解析。

头部压缩

HTTP2.0 中，客户端和服务器分别会维护一份相同的静态字典，这个字典用来存储常见的头部名称，以及常见的头部名称和值的组合。同时还会维护一份相同的动态字典，这个字典可以实时被更新。第一次相互通信过后，后面的请求只需要发送与前面请求之间头部不同的地方，其它的头部信息都可以从字典中获取。大大节省了网络开销。

服务端推送

在 HTTP1.x 中，如果用户请求了资源 A，结果发现自己如果要用资源 A，那么必须依赖资源 B，这时他不得不再消耗一个请求。而 HTTP2.0 中，允许服务器主动向客户端 push 资源。也就是说当服务器发现客户端请求了资源 A，却忘了请求资源 A 依赖的资源 B 时，它可以主动将资源 B 顺手推送给客户端。

多路复用

在 HTTP 2.0 中，一次连接建立后，只要这个连接还在，那么客户端就可以在一个链接中批量发起多个请求。同时，请求与请求间属于并行，不会互相阻塞。由此，彻底规避了队头阻塞问题。

常用方法

HTTP 协议常用的请求方法有 GET、POST、PUT、DELETE。

GET ：仅用作数据的读取，请求参数以query的形式拼接到url
POST ：创建新资源或修改现有资源，请求参数以body的形式传递
PUT ：PUT 在能力上和 POST 类似，区别在于 PUT 的 URI 指向是具体的某个资源，而不能指向资源集合。
DELETE：用于删除指定的资源

头部信息 (Headers)

http 在发出请求或者响应时，都会携带有header，其中存放了一些必要的信息，下面列举常用的头部信息。缓存相关的头将在后续文章介绍。更多头部信息可以参考：httq请求头/响应头

请求头（request Headers）

Accept：浏览器可接受的数据格式
Accept-encoding：浏览器可接受的压缩算法，如gzip(服务器压缩，客户端解压，让传输的资源变小，速度更快)
Accept-Language：浏览器可接收的语言，如zh-CN
Connect：keep-alive 一次TCP连接重复使用
Cookie：同域每次请求资源都会把cookie带上
Host：请求的域名
User-agent：简称UA，浏览器信息，标识是什么浏览器，是什么系统，供给服务器分析
Content-type：发送数据的格式（多存在于post请求中），如一般json数据为application/json ，图片或文件为multipart/form-data

响应头（response Headers）

Content-type：返回数据的格式，如application/json(json)，text/html(html)，text/css(css)、text/javascript(javascript)、image/png，
Content-length：返回数据的大小，多少字节
Content-Encoding： 返回数据的压缩算法，如gzip
Set-Cookie： 服务端需要通过该字段来修改浏览器中的cookie