Ajax原理XMLHttpRequest

定义：XMLHttpRequest（XHR）对象用于与服务器交互，Axios是XHR封装起来的

1.创建XMLHttpRequest对象

  // 1. 创建 XMLHttpRequest 对象
    const xhr = new XMLHttpRequest()

2.配置请求方法和请求url地址

  // 2. 配置请求方法和请求 url 地址
    xhr.open('GET', '服务器网址')

3.监听loadend事件，接收响应结果

    // 3. 监听 loadend 事件，接收响应结果
    xhr.addEventListener('loadend', () => {
      console.log(xhr.response)
    })

4.发起请求

  // 4. 发起请求
    xhr.send()