（四）AJAX状态值+状态码+HTTP请求

HTTP请求

HTTP简介

• http是计算机通过网络进行通信的规则，使浏览器去服务器请求信息和服务。
• HTTP是一种无状态协议（他可以自己保存东西cookie）：无状态指的是不建立持久的连接，即服务端不保留连接的相关信息，即断开请求和响应后是没有记忆的。

HTTP请求步骤

HTTP请求不是一步完成的，一个完整的HTTP请求过程，通常包含以下7个步骤
（1）建立TCP连接
（2）WEB浏览器向WEB服务器发送请求命名
（3）WEB浏览器发送请求头信息
（4）WEB服务器应答
（5）WEB服务器发送应答头信息
（6）WEB服务器向浏览器发送数据
（7）WEB服务器关闭TCP连接

HTTP请求

HTTP请求组成部分---->一个HTTP请求一般由4部分组成
（1）HTTP请求的方法或动作，比如get或post请求
（2）请求的URL地址-----网址
（3）请求头，包含客户端环境信息，身份验证信息等
（4）请求体即请求正文，请求正文可以包含客户提交的查询字符串信息，表单信息等。

注意：请求体④一般为发送的字符串信息，发送用户名和密码用于登录。

HTTP请求方法

1. get方法：一般用于信息获取、使用URL传递参数、对发送的信息数量有所限制，常用于查询，数据可见，一般在2000个字符（默认的HTTP请求方法）。
   优势：因为数据通过URL传递，所以可以将其存放在书签里。
   注意：get方法也叫幂等，即查询结果不受查询次数影响，例如查询一个员工信息1次和1000次，并不会随着查询次数的叠加而有所改变。
2. post方法：一般用于修改服务器上的资源，常用于新建和修改数据等操作，数据不可见，被嵌入了HTTP请求体里，且对所发送信息的数量无限制。
3. 区别：常用get方法做查询和获取操作，post方法做发送数据、新建修改数据等操作。

HTTP响应

HTTP 响应组成部分----->一个HTTP响应一般由3部分组成
（1）响应状态：一个数字和文字组成的状态码，用来显示请求是否成功；
（2）响应头：响应头和请求头一样，包含许多有用的信息（注意是服务器的信息），例如服务器类型、日期时间、内容类型和长度等。
（3）响应体：响应正文，即服务器传过来的字符串、代码等。

HTTP 响应状态码

HTTP状态码（英语：HTTP Status Code）是用以表示网页服务器超文本传输协议响应状态的3位数字代码
HTTP状态码由3位数字构成，其中首位数字定义了状态码的类型
主要包含以下几种：

1. 1XX：信息类，表示收到web浏览器请求，（告诉客户端已经收到了请求）正在进一步处理中。
2. 2XX：成功，表示用户请求被正确接收、理解和处理，例如200 OK。200–表示已经完成请求
3. 3XX：重定向，表示请求没有成功，客户需要采取进一步处理。
4. 4XX：客户端错误，表示客户提交的请求有错误，例如：404 NOT Found，意为请求中所引用的文档不存在（地址错误）。—404：表示文档/资源不存在
5. 5XX：服务器错误，表示服务器不能完成对请求的处理，如500。

AJAX状态值

• ajax的状态值：运行ajax时，无论是成功还是失败都要响应的步骤的几种状态。例如：尚未调用send()方法时的初始化前、正在发送请求、正在响应等，由ajax对象和服务器之间的交互所得。通过ajax.readyState获得 0~4 范围的一个状态值。
• 即readyState 0=>初始化 1=>载入 2=>载入完成 3=>解析 4=>完成

ajax的 XMLHttpRequest 不是一次就完成的，而是经历过多种状态后获取的结果。这些状态分为5种：
0：（未初始化）还没有调用open()方法
1：（启动）已经调用open()方法，但还没有调用send()方法
2：（发送）已经调用send()方法，但还没有接收到响应
3：（接收）已经接收到部分响应数据
4：（完成）已经接收到全部的响应数据，且可以再客户端使用了

AJAX状态码AJAX状态码

• ajax状态码是值，ajax无论请求是否成功，由HTTP协议根据所提交的信息，服务器返回的http头信息代码，通过ajax.state属性来获得。

在HTTP1.1协议下，HTTP状态码总共可分为5大类：
1XX：请求收到，继续处理

100–客户必须继续发出请求
101–客户要求服务器根据请求转换HTTP协议版本

2XX：操作成功、分析、接收

200–交易成功
201–提示知道新文件的URL
202–接受和处理,但处理或未完成
203–返回信息不确定或不完整
204–请求收到,但返回信息为空
205–服务器完成了请求,用户代理必须复位当前已经浏览过的文件
206–服务器已将完成了部分用户的GET请求

3XX：完成此请求必须进一步处理

300–请求的资源可在多处得到
301–删除请求数据
302–在其他地址发现了请求数据
303–建议用户访问其他URL或访问方式
304–客户端已经执行了GET,但文件未变化
305–请求的资源必须从服务器指定的地址得到
306–前一版本HTTP中使用的代码,现行版本中不再使用
307–申明请求的资源临时性删除

4XX：请求包含一个错误无法或不能完成

401 请求授权失败
402 保留有效ChargeTo头响应
403 请求不允许
404 没有发现文件、查询或URl
405 用户在Request-Line字段定义的方法不允许
406 根据用户发送的Accept拖，请求资源不可访问
407 类似401，用户必须首先在代理服务器上得到授权
408 客户端没有在用户指定的饿时间内完成请求
409 对当前资源状态，请求不能完成
410 服务器上不再有此资源且无进一步的参考地址
411 服务器拒绝用户定义的Content-Length属性请求
412 一个或多个请求头字段在当前请求中错误
413 请求的资源大于服务器允许的大小
414 请求的资源URL长于服务器允许的长度
415 请求资源不支持请求项目格式
416 请求中包含Range请求头字段，在当前请求资源范围内没有range指示值，请求也不包含If-Range请求头字段
417 服务器不满足请求Expect头字段指定的期望值，如果是代理服务器，可能是下一级服务器不能满足请求

5XX：服务器执行一个完全有效请求失败

500 服务器产生内部错误
501 服务器不支持请求的函数
502 服务器暂时不可用，有时是为了防止发生系统过载
503 服务器过载或暂停维修，宕机
504 关口过载，服务器使用另一个关口或服务来响应用户，等待时间设定值较长
505 服务器不支持或拒绝支请求头中指定的HTTP版本

面试：AJAX状态码&&状态值

AJAX面试题1、为什么 onreadystatechange 函数的执行要同时判断 readyState 和 status ?

1. 假设只判断 readyState
   服务响应出错了，但还是返回了信息。此时由于只做 readyState 判断，它不理会 status 返回的结果是200、404还是500，只要响应成功返回了，就执行接下来的javascript代码，结果会造成各种不可预料的错误，所以只判断 readyState 是不对的~
2. 假设只判断 status
   服务响应的状态码为200，onreadystatechange函数总共执行了三次（可以使用ajax请求代码自行检验），就是说onreadystatechange函数的执行不是只在readyState变为4的时候触发，而是readyState（2、3、4）的每次变化都会触发，由此可见单独判断 status 也是行不通的

AJAX面试题2：判断 readyState 和 status 的顺序有先后之分吗?

结合之前得出结论，判断 onreadystatechange 函数的执行 readyState 和 status 缺一不可。由试验可知，readyState 的每次变化都会触发 onreadystatechange 函数，若是先判断 status，那么每次都会多判断一次 status。两者的判断先后顺序不会影响结果，但相对而言，优先判断 readyState 可以对性能有微许的优化。xhr.readyState === 4 && xhr.status === 200
所以先判断readyState 状态值比较好。