前言
学习前后端交互,我们需要注重我们的网络地址请求和发送资源的过程,通信发生的过程是否有错误。那么,了解HTTP协议就是一个重要的事情。所以,今天就让我们来分析和了解HTTP
一、HTTP协议简介
在了解协议之前,先让我们了解一下什么是通信。
我们知道通信以最简单的形式开始,就是送信件,那么我们用案例来看看这个过程:
案例:张三要把自己考上传智专修学院的好消息写信告诉自己的好朋友李四。
其中:
- 通信的主体是张三和李四
- 通信的内容是考上传智专修学院
- 通信的方式是写信
那么当我们转换成互联网的形式的时候,会发生什么转变呢?
案例:服务器把传智专修学院的简介通过响应的方式发送给客户端浏览器。
其中:
- 通信的主体是服务器和客户端浏览器
- 通信的内容是传智专修学院的简介
- 通信的方式是响应
我们可以看到,基本没有太大的差异,只是对应的目标是客户端和服务器,方式变成了响应。
通信协议
那么我们再来升级一下,通信协议是什么?
通信协议(Communication Protocol)是指通信的双方完成通信所必须遵守的规则和约定。
通俗的理解:通信双方采用约定好的格式来发送和接收消息,这种事先约定好的通信格式,就叫做通信协议。
我们还是用两个案例来分析他:
张三与李四采用写信的方式进行通信,在填写信封时,写信的双方需要遵守固定的规则。信封的填写规则就是一种通信协议。
客户端与服务器之间要实现网页内容的传输,则通信的双方必须遵守网页内容的传输协议。
网页内容又叫做超文本,因此网页内容的传输协议又叫做超文本传输协议(HyperText Transfer Protocol),简称HTTP协议。
HTTP协议
HTTP协议即超文本传送协议(HyperText Transfer Protocol),它规定了客户端与服务器之间进行网页内容传输时,所必须遵守的传输格式。
例如:
- 客户端要以HTTP协议要求的格式把数据提交到服务器
- 服务器要以HTTP协议要求的格式把内容响应给客户端
HTTP协议的交互模型
HTTP协议采用了请求/响应的交互模型,让我们看图来理解:
当我们需要请求的时候,服务器接受请求。处理了请求之后,发送响应给客户端。当我们需要交互的时候,这样的过程就会开始行动,发动几次就重复几次。但是需要注意的是请求是有上限的,如果超过了服务器的可承载的数量,服务器可能会崩溃。
二、HTTP的请求信息
由于HTTP协议属于客户端浏览器和服务器之间的通信协议。因此,客户端发起的请求叫做HTTP请求,客户端发送到服务器的消息叫做HTTP请求消息。
注意:HTTP请求消息又叫做HTTP请求报文。
HTTP请求消息的组成部分
HTTP请求消息由请求行(request line)、请求头部( header ) 、空行和请求体4个部分组成
接下来让我们逐个来看看他们的内容。
请求行
请求行由请求方式、URL 和HTTP协议版本3个部分组成,他们之间使用空格隔开。
当我们发送get或者post请求之后,打开网页的开发者工具,我们就可以进入network观察HTTP请求信息的内容。我们可以看到,在 Request Headers 旁边有个 view Source的按钮,点击之后就会百年城图片所显示的样式状态。在一次点击就会变成现在显示的样子。我们通过点击这个按钮切换来查看原始的状态,便于我们分析。
请求头部
请求头部用来描述客户端的基本信息,从而把客户端相关的信息告知服务器。比如:
User-Agent用来说明当前是什么类型的浏览器;
Content-Type用来描述发送到服务器的数据格式;
Accept 用来描述客户端能够接收什么类型的返回内容;
Accept-Language用来描述客户端期望接收哪种人类语言的文本内容。
请求头部由多行键/值对组成,每行的键和值之间用英文的冒号分隔。
关于更多请求头字段的描述,可以查看MDN官方文档: MDN官方文档
空行
最后一个请求头字段的后面是一个空行,通知服务器请求头部至此结束。请求消息中的空行,用来分隔请求头部与请求体。
请求体
请求体中存放的,是要通过POST方式提交到服务器的数据。
注意:只有POST请求才有请求体,GET请求没有请求体
三、HTTP响应消息
响应消息就是服务器响应给客户端的消息内容,也叫作响应报文。
HTTP响应消息
HTTP响应消息由状态行、响应头部、空行和响应体4个部分组成,如下图所示:
状态行
状态行由HTTP协议版本、状态码和状态码的描述文本3个部分组成,他们之间使用空格隔开
响应头部
响应头部用来描述服务器的基本信息。响应头部由多行键/值对组成,每行的键和值之间用英文的冒号分隔。
关于更多响应头字段的描述,可以查看MDN官方文档: MDN官方文档
空行
在最后一个响应头部字段结束之后,会紧跟一个空行,用来通知客户端响应头部至此结束。响应消息中的空行,用来分隔响应头部与响应体。
响应体
响应体中存放的,是服务器响应给客户端的资源内容。
四、HTTP请求方法
HTTP请求方法,属于HTTP协议中的一部分,请求方法的作用是:用来表明要对服务器上的资源执行的操作。最常用的请求方法是GET和POST。
我们需要记住的只有1~4的四种方法,这些方法是最常用的,用的最多的事GET和POST。
五、HTTP响应状态码
HTTP响应状态码(HTTP Status Code),也属于HTTP协议的一部分,用来标识响应的状态。
响应状态码会随着响应消息一起被发送至客户端浏览器,浏览器根据服务器返回的响应状态码,就能知道这次HTTP请求的结果是成功还是失败了。
下面的图例中的200就是我们的响应状态码:
HTTP响应状态码的组成及分类
HTTP状态码由三个十进制数字组成,第一个十进制数字定义了状态码的类型,后两个数字用来对状态码进行细分。HTTP状态码共分为5种类型:
其中第一种见到的最少,基本是下面四种见到的是最多的。
2**成功相关的响应状态码
2**范围的状态码,表示服务器已成功接收到请求并进行处理。常见的2**类型的状态码如下:
3**重定向相关的响应状态码
3**范围的状态码,表示表示服务器要求客户端重定向,需要客户端进一步的操作以完成资源的请求。常见的3**类型的状态码如下:
4**客户端错误相关的响应状态码
4**范围的状态码,表示客户端的请求有非法内容,从而导致这次请求失败。常见的4**类型的状态码如下:
5**服务端错误相关的响应状态码
5*范围的状态码,表示服务器未能正常处理客户端的请求而出现意外错误。常见的5**类型的状态码如下:
结尾
HTTP的知识分享,主要注重于理解和了解。了解HTTP协议,让我们知道了开发者工具中的Header的标签页下的内容,也可以帮助我们查看网页发生错误的时候,是服务器还是客户端的问题。感谢大家的收看。