Ajax和HTTP

一、HTTP

1.HTT协议简介

1.1 什么是通信

通信,就是信息的传递和交换

1.2 通信的三要素

1)通信的主体

2)通信的内容

3)通信的方式

1.3 互联网的案例

案例:服务器把prestige的信息简介通过响应的方式发送给客户端浏览器

其中:通信的主体是服务器和客户端浏览器

           通信的内容是prestige的信息简介

           通信的方式是响应

1.4 什么是通信协议

通信协议(Communication Protocol)是指通信的双方完成通信所必须遵守的规则和约定

通俗的理解:通信双方采用约定好的格式来发送和接收信息,这种事先约定好的通信格式,就叫做通信协议

1.5 互联网中的通信协议

客户端和服务器之间要实现网页内容的传输,则通信的双方必须遵守网页内容的传输协议

网页内容又叫做超文本,因此网页内容的传输协议又叫做超文本传输协议(HyperText Transfer Protocol),简称HTTP协议

1.6 什么是HTTP协议

HTTP协议即超文本传输协议,它规定了客户端与服务器之间进行网页内容传输时,所必须遵守的传输格式

例如:客户端要以HTTP协议要求的格式把数据提交到服务器

   服务器要以HTTP协议要求的格式把内容响应给客户端

1.7 HTTP协议的交互模型

HTTP协议采用了请求/响应的交互模型

2.HTTP请求

2.1 什么是HTTP请求消息

由于HTTP协议属于客户端浏览器和服务器之间的通信协议,因此,客户端发起的请求叫做HTTP请求,客户端发送到服务器的消息,叫做HTTP请求消息

注意:HTTP请求消息又叫做HTTP请求报文

2.2 HTTP请求消息的组成部分

HTTP请求消息由请求行(request line)、请求头部(header),空行和请求体4个部分组成

 2.3 请求行

请求行由请求方式、URL和HTTP协议版本3个部分组成,它们之间使用空格隔开

2.4 请求头部 

请求头部用来描述客户端的基本信息,从而把客户端的相关的信息告知服务器。比如:User-Agent用来说明当前是什么类型的浏览器;Content-Type用来描述发送到浏览器的数据格式,Accept用来描述客户端能够接收什么类型的返回内容;Accept-Language用来描述期望接收哪种人类语言的文本内容

请求头部由多行键/值对组成,每行的键和值之间用英文的冒号隔开

2.5 常见的请求头字段 

2.6 案例

 2.7 空行

最后一个请求头字段的后面是一个空行,通知服务器请求头部至此结束

请求消息中的空行,用来隔开请求头部与请求体

2.8 请求体 

请求体中存放的,是要通过POST方式提交到服务器的数据

 只有POST请求才有请求体,GET请求没有请求体

3.HTTP响应消息

3.1 什么是HTTP响应消息

响应消息就是服务器给客户端的消息内容,也叫做响应报文

3.2 HTTP响应的组成部分

HTTP响应消息由状态行、响应头部、空行和响应体4部分组成,如下图所示

3.3 状态行

状态行由HTTP协议版本、状态码和状态码的描述文本3个部分组成,他们之间使用空格隔开

3.4 响应头部

响应头部用来描述服务器的基本信息,响应头部由多行键/值对组成,每行的键和值之间用英文的冒号隔开

3.5常见的响应头部字段 

关于更多响应头字段的描述,可以查看MDN官方文档:

HTTP 标头(header) - HTTP | MDN

3.6 空行

在最后的响应头部字段结束之后,会紧跟一个空行,用来通知客户端响应头部至此结束,响应消息中的空行,用来分隔响应头部与响应体

3.7 响应体

响应体中存放的是服务器响应给客户端的资源内容

4.HTTP请求方法

4.1.什么是HTTP请求方法

HTTP请求方法,属于HTTP协议中的一部分,请求方法的作用是:用来表明要对服务器上的资源执行的操作,最常用的请求方法是GET和POST

4.2.HTTP的请求方法

5.HTTP响应状态代码

5.1 什么是HTTP响应状态码

HTTP响应状态码(HTTP Status Code),也属于HTTP协议的一部分,用来标识响应的状态

响应状态码会随着响应消息一起被发送给客户端浏览器,浏览器根据服务器返回的响应状态码,就能知道这个HTTP请求的结果是成功了还是失败了。

5.2 HTTP响应状态码的组成和分类

HTTP状态码由三个十进制数字组成,第一个十进制数字定义了状态码的类型,后两个数字用来对状态码进行细分

HTTP状态码共分为5种类型

5.3 2**成功相关的响应状态码

2**范围的状态码,表示服务器已成功接收到请求并进行处理,常见的2**类型的状态码如下

5.3 3**重定向相关的响应状态码

3**范围的状态码,表示服务器要求客户端重定向,需要客户端进一步的操作以完成资源的请求。常见的3**类型的状态码如下:

5.4 4**客户端错误请求的响应状态码

4**范围的状态码,表示客户端的请求有非法内容,从而导致这次请求失败,常见的4**类型的状态码如下:

5.5 5**服务器错误相关的响应状态码

5**范围的状态码,表示服务器未能正常处理客户端的请求而出现意外错误,常见的5**类型的状态码如下:

二、axios

1.什么是axios

1)Axios是专注于网络数据请求的库

2)相比于原生的XMLHttpRequest对象,axios简单易用

3)相比于jQuery,axios更加轻量化,只专注于网络数据请求

三、jQuery高级用法

四、XMLHttpRequest Level2的新特性

五、封装自己的Ajax函数

六、数据交换格式

七、XMLHttpRequest的基本使用

猜你喜欢

转载自blog.csdn.net/qq_43658148/article/details/132149183