ajax前后端通信之readyState简析与应用

readyState

readyState取不同值时对应的状态及含义：

值	状态	描述
0	UNSENT	代理被创建，但尚未调用open()方法。
1	OPENED	open()方法已经被调用。
2	HEADERS_RECEIVED	send()方法已经被调用，并且头部和状态已经可获得。
3	LOADING	响应体部分正在被接收。
4	DONE	下载操作已完成。请求操作已经完成。这意味着数据传输已经彻底完成或失败。

在 OPENED 这个状态中，我们可以通过 setRequestHeader() 方法来设置请求的头部， 可以调用 send() 方法来发起请求。
在 LOADING 这个状态中，如果 responseType 属性是“text”或空字符串， responseText 将会在载入的过程中拥有部分响应数据。

简单应用：

我们可以在使用ajax进行前后端通信时，侦听"readystatechange"事件，根据readyState属性值来判断当前通信处于哪个阶段。

var xhr = new XMLHttpRequest();
xhr.addEventListener("readystatechange", readyStateChangeHandler);
xhr.open("POST", "http://10.9.72.238:4002");
xhr.send("a=1&b=2");

function readyStateChangeHandler(e) {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log("通信完成并且成功");
  } else if (xhr.readyState === 4) {
    console.log("通信完成，但是通信可能有误");
  } else {
    console.log("通信还未结束");
  }
}