前端面试题---手写实现ajax

凡是和后台有过数据交互的小伙伴肯定都接触过 ajax. 我们可以通过 ajax 来实现页面的无刷新请求数据，这样就能在保证良好用户体验的同时，将更多的内容展示给用户

ajax 在我们的开发工作中已经司空见惯，几乎所有我们频繁使用的库和框架都提供了经过完善封装后的 ajax 方法，如 jQuery、zepto、angular 等等，这使得我们的数据请求变得异常简洁明了

但是这也带来了很明显的缺陷，就是我们知道如何去使用封装后的 ajax，却不会通过原生的 js 来 ajax，更甚者（如只用过 jQuery 的小伙伴）会将 ajax 与$.ajax()等同

而这个问题也是面试中常常出现的一题，所以这次就来亲手实现一下原生 js 的 ajax

XMLHttpRequest对象

我们常用的 ajax 就是通过 XMLHttpRequest 对象实现的，这个对象有很多的属性和事件，在使用之前，我们需要先将它实例化

const xhr = new XMLHttpRequest()

实例化后，我们就可以通过 xhr 来发起一个请求：

// xhr 具有一个 open 方法，这个方法的作用类似于初始化，并不会发起真正的请求
// open 方法具有 5 个参数，但是常用的是前 3 个
// method： 请求方式 —— get / post
// url：请求的地址
// async：是否异步请求，默认为 true（异步）
xhr.open(method, url, asyn