【学习前提】
完成前端开发基础和JavaScript基础学习
【阶段说明】
- 掌握Http协议的含义
- 掌握Http请求的过程
- 掌握Http请求的响应状态码意义
【学习技巧】
Http协议是众多网络协议中使用最广泛的一种，掌握Http连接的过程有助于理解前后端交互的细节。
一、HTTP协议简介
一、什么是通信
通信就是信息的传递和交换。
通信三要素：
- 通信的主体
- 通信的内容
- 通信的方式
二、什么是通信协议
通信协议(Communication Protocol)是指通信的双方完成通信所必须遵守的规则和约定；简单来说就是通信双方采用约定好的格式来发送和接收消息，这种事先约定好的通信格式，就叫通信协议。
互联网中的通信协议：
客户端与服务器之间要实现网页内容的传输，则通信的双方必须遵守网页内容的传输协议；网页内容又叫做超文本，因此网页内容的传输协议又叫做超文本传输协议(HyperText Transfer Protocol)，简称HTTP协议。
三、什么是HTTP
HTTP协议即超文本传输协议(HyperText Transfer Protocol)，它规定了客户端与服务器之间进行网页内容传输时，所必须遵守的传输格式。
HTTP协议的交互模型：HTTP协议采用了请求/响应的交互模型。
二、HTTP请求消息
一、什么是HTTP请求消息
由于HTTP协议属于客户端浏览器和服务器之间的通信协议。因此，客户端发起的请求叫做HTTP请求，客户端发送到服务器的消息，叫做HTTP请求消息。
HTTP请求消息又叫做HTTP请求报文。
二、HTTP请求消息的四个组成部分
1、请求行(request line)
请求行由请求方式、URL和HTTP协议版本三个部分组成，他们之间使用空格隔开。
2、请求头部(header)
请求头部用来描述客户端的基本信息，从而把客户端相关的信息告知服务器；请求头部由多行键/值对组成，每行的键和值之间由英文的冒号隔开。
常见的请求头字段：
| 头部字段 | 说明 | MDN官网链接 |
|---|---|---|
| User-Agent | 用来说明当前产生请求的浏览器是什么类型 | |
| Content-Type | 客户端告诉服务器实际发送的数据类型 | Content-Type - HTTP | MDN |
| Accept | 描述客户端可识别的响应内容类型列表 | Accept - HTTP | MDN |
| Accept-Language | 描述客户端用户期望获得的文本内容的自然语言的优先顺序 | |
| Host | 要请求的服务器域名 | |
| Connection | 客户端与服务器的连接方式(close或keepalive) | |
| Content-Length | 用来描述请求体的大小 | Content-Length - HTTP | MDN |
| Accept-Encoding | 客户端可接收的内容压缩编码形式 |
MDN官方文档：HTTP Headers - HTTP | MDN
3、空行
最后一个请求头字段的后面是一个空行，通知服务器请求头部至此结束。
作用：请求消息中的空行，用来分隔请求头部与请求体。
4、请求体
请求体中存放的，是要通过POST方式提交到服务器的数据。
注意：只有POST请求才有请求体，GET请求没有请求体
三、HTTP响应消息
一、什么是HTTP响应消息
响应消息就是服务器响应给客户端的消息内容，也叫作响应报文。
二、HTTP响应消息的组成部分
1、状态行
由HTTP协议版本、状态码和状态码的描述文本三个部分组成，他们之间使用空格隔开。
2、响应头部
用来描述服务器的基本信息；响应头部是由多行键值对组成，每行的键和值之间用英文的冒号分隔。
常见的响应头字段：
| 头部字段 | 说明 | MDN官网链接 |
|---|---|---|
| Access-Control-Allow-Headers | 用于preflight request（预检请求）中，列出了将会在正式请求的Access-Control-Request-Headers字段中出现的首部信息 | Access-Control-Allow-Headers - HTTP | MDN |
| Access-Control-Allow-Methods | 在对 preflight request（预检请求）的应答中明确了客户端所要访问的资源允许使用的方法或方法列表 | |
| Access-Control-Allow-Origin | 响应头指定了该响应的资源是否被允许与给定的 origin 共享 | Access-Control-Allow-Origin - HTTP | MDN |
| Connection | Connection 头（header） 决定当前的事务完成后，是否会关闭网络连接。如果该值是“keep-alive”，网络连接就是持久的，不会关闭，使得对同一个服务器的请求可以继续在该连接上完成 | Connection - HTTP | MDN |
| Content-Length | Content-Length 是一个实体消息首部，用来指明发送给接收方的消息主体的大小，即用十进制数字表示的八位元组的数目 | Content-Length - HTTP | MDN |
| Content-Type | 实体头部用于指示资源的MIME类型 media type | Content-Type - HTTP | MDN |
| Date | 一个通用首部，其中包含了报文创建的日期和时间 | Date - HTTP | MDN |
3、空行
在最后一个响应头部字段结束之后，会紧跟一个空行，用来通知和客户端响应头部至此结束；响应消息中的空行，用来分隔响应头部和响应体。
4、响应体
响应体中存放的是服务器响应给客户端的资源内容。
四、HTTP请求方法
一、什么是HTTP请求方法
HTTP请求方法，属于HTTP协议中的一部分，请求方法的作用是：用来表明要对服务器上的资源执行的操作。最常用的请求方法是GET和POST。
二、HTTP请求方法
| 方法 | 描述 |
|---|---|
| GET | (查询)发送请求来获得服务器上的资源，请求体中不会包含请求数据，请求数据放在协议头中 |
| POST | (新增)向服务器提交资源。数据被包含在请求体中提交给数据 |
| PUT | (修改)向服务器提交资源，并使用提交的新资源，替换掉服务器对应的旧资源 |
| DELETE | (删除)请求服务器删除指定的资源 |
| HEAD | HEAD方法请求一个与GET请求的响应相同的响应，但是没有响应体 |
| OPTIONS | 获取http服务器支持的http请求方法，允许客户端查看服务器的性能 |
| CONNECT | 建立一个到由目标资源标识的服务器的隧道 |
| TRACE | 沿着到目标资源的路径执行一个消息环回测试，主要用于测试或诊断 |
| PATCH | 是对PUT方法的补充，用来对已知资源进行局部更新 |
五、HTTP响应状态码
一、什么是HTTP响应状态码
HTTP响应状态码(HTTP Status Code)也属于HTTP协议的一部分，用来标识响应的状态。响应状态码会随着响应消息一起被发送至客户浏览器，浏览器根据服务器返回的响应状态码，就能知道这次HTTP请求的结果是成功了还是失败了。
二、HTTP响应状态码的组成及分类
HTTP状态码由三个十进制数字组成，第一个十进制数字定义了状态码的类型，后两个数字用来对状态码进行细分。
HTTP状态码共分为5种类型：
| 分类 | 分类描述 |
|---|---|
| 1** | 信息，服务器收到请求，需要请求者继续执行操作(实际开发中很少遇到1**类型的状态码) |
| 2** | 成功，操作被成功接收并处理 |
| 3** | 重定向，需要进一步的操作以完成请求 |
| 4** | 客户端错误，请求包含语法错误或无法完成请求 |
| 5** | 服务器错误，服务器在处理请求的过程中发生了错误 |
常见的HTTP响应状态码：
1、2** 成功相关的响应状态码
2** 范围的状态码，表示服务器已成功接收到请求并进行处理。常见的 2** 类型的状态码：
| 状态码 | 状态码英文名称 | 中文描述 |
|---|---|---|
| 200 | OK | 请求成功。一般用于 GET 与 POST 请求 |
| 201 | Created | 已创建。成功请求并创建了新的资源，常用于 POST 或 PUT 请求 |
2、3** 重定向相关的响应状态码
3** 范围的状态码，表示服务器要求客户端重定向，需要客户端进一步的操作以完成资源的请求。常见的 3** 类型的状态码：
| 状态码 | 状态码英文名称 | 中文描述 |
|---|---|---|
| 301 | Moved Permanently | 永久移动。请求的资源已被永久的移动到新URL，返回信息会包括新的URL，浏览器会自动定向到新的URL。今后任何新的请求都应使用新的URL代替 |
| 302 | Found | 临时移动。与301类似，但资源只是临时被移动，客户端应继续使用原有URL |
| 304 | Not Modified | 未修改。所请求的资源未修改，服务器返回此状态码时，不会返回任何资源（响应消息中不包含响应体），客户端通常会缓存访问过的资源 |
3、4** 客户端错误相关的响应状态码
4** 范围的状态码，表示客户端的请求有非法内容，从而 导致这次请求失败。常见的 4** 类型的状态码：
| 状态码 | 状态码英文名称 | 中文描述 |
|---|---|---|
| 400 | Bad Request | 1、语义有误，当前请求无法被服务器理解，除非进行修改，否则客户端不应该重复提交这个请求 2、请求参数有误 |
| 401 | Unauthorized | 当前请求需要用户验证 |
| 403 | Forbidden | 服务器已经理解请求，但是拒绝执行 |
| 404 | Not Found | 服务器无法根据客户端的请求找到资源（网页） |
| 408 | Request Timeout | 请求超时，服务器等待客户端发送的请求时间过长，超时 |
4、5** 服务端错误相关的响应状态码
5** 范围的状态码，表示服务器未能正常处理客户端的请求而出现意外错误。常见的 5** 类型的状态码：
| 状态码 | 状态码英文名称 | 中文描述 |
|---|---|---|
| 500 | Internal Server Error | 服务器内部错误，无法完成请求 |
| 501 | Not Implemented | 服务器不支持该请求方法，无法完成请求。只有 GET 和 HEAD 请求方法是要求每个服务器必须支持的，其他请求方法在不支持的服务器上会返回501 |
| 503 | Service Unavailable | 由于超载或系统维护，服务器暂时的无法处理客户端的请求 |
扫一扫
654
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
