请详细描述AJAX的工作原理

AJAX 是异步的 JavaScript 和 XML，也就是在无刷新页面的情况下使用 JS 异步获取服务端数据并且更新页面内容。

基本原理是，通过 XMLHttpRequest 向服务器发送异步请求，获得服务器返回的数据，利用js更新页面。 其核心功能在于 XMLHttpRequest 对象。 创建一个ajax的步骤大致可以分为以下几步

1、创建 XHR 对象: new XMLHttpRequest()
2、打开请求（将请求发送到服务器，使用 XMLHttpRequest 对象的 open() 和 send() 方法）
3、处理 readyState （onreadystatechange 事件）
4、解析响应（解析来自服务器的响应，使用 XMLHttpRequest 对象的 response 属性）

var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP") // 兼容 IE6

xhr.responseType = 'json'
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4) {
    if (xhr.status >= 200 && xhr.status <= 300) {
      console.log(xhr.response)
    } else {
      console.error(xhr)
    }
  }
}

// 打开请求：请求方式（GET），请求地址，是否异步
xhr.open('GET', '/data.json', true)
// 发送请求
xhr.send(null)