ajax XMLHttpRequest的 onreadystatechange 为什么在send之前？

什么是 AJAX ？

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。

AJAX 原理

手写一个简单的ajax

function lajax(url) {
  let ajax = new XMLHttpRequest()
  ajax.open('GET', url)
  ajax.onreadystatechange = () => {
    if(ajax.readyState == 4) {
      if(ajax.status == 200 || ajax.status == 304) {
        console.log(ajax.responseText)
      }else {
      }
    }
  }
  ajax.send()
}

可以看到 onreadystatechange 写在 send 之前，send 将请求发送到服务器，然后浏览器就会和服务器形成链接，连接过程中会不断收到响应数据，就会不断改变 readyState 的值，所以我们通过对 readyState 的判断就可以知道服务器相应的状态拿到数据

状态	描述
0	请求未初始化（在调用 open() 之前）
1	请求已提出（调用 send() 之前）
2	请求已发送（这里通常可以从响应得到内容头部）
3	请求处理中（响应中通常有部分数据可用，但是服务器还没有完成响应）
4	请求已完成（可以访问服务器响应并使用它）