手写一个简易的Ajax

XMLHttpRquest

Ajax是一种技术方案，而不是一种新技术，依赖的依旧是前端三件套，最核心的依赖就是浏览器提供的XMLHttpRequest对象，可以让浏览器发出HTTP请求和接收HTTP响应。

也就是说：我们使用XMLHttpRequest对象发送一个Ajax请求。

能用Ajax做什么呢？

• 发送HTTP请求得到服务端数据
  • 是一种无刷新的数据交互

一个简单的Ajax（get）请求

// get 请求

// 创建 xhr 对象
const xhr = new XMLHttpRequest();
// XMLHttpRequest.open() 方法初始化一个请求
// 原始API:xhr.open(method, url, async);
// method:要是用的HTTP方法，url：请求的主体，async(可选)：false为同步，true为异步，默认为同步
xhr.open('GET', '/api', false);
// 只要 readyState 属性发生变化，就会调用相应的处理函数。
xhr.onreadystatechange = function () {
   
    // 这里的函数异步执行，可参考之前 JS 基础 中的异步模块
    if