AJAX之状态值+状态码+HTTP请求

HTTP请求

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

HTTP请求

• HTTP请求是一步完成的吗？—NO
• HTTP请求步骤
• 一个完整的HTTP请求过程，通常包含以下7个步骤
  （1）建立TCP连接
  （2）WEB浏览器向WEB服务器发送请求命名
  （3）WEB浏览器发送请求头信息
  （4）WEB服务器应答
  （5）WEB服务器发送应答头信息
  （6）WEB服务器向浏览器发送数据
  （7）WEB服务器关闭TCP连接
• 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状态值&&状态码

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

AJAX状态值

• AJAX状态值：
• ajax的 XMLHttpRequest 不是一次就完成的，而是经历过多种状态后获取的结果。这些状态分为5种：
  

AJAX状态码

• 在HTTP1.1协议下，HTTP状态码总共可分为5大类：

• 状态码详细说明：

• 1xx：收到请求，继续处理
  

• 2xx：操作成功收到，分析、接受
  

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

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

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

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 状态值比较好。

完毕 ，有问题请留言小编！