用原生js实现 ajax方法

作者介绍：咔拉宝宝前端工程师，致力于首个情景式购物商城咔拉商城的前端搭建，在咔拉职场栏目作为程序猿担当，与读者朋友们共同探讨前端开发的那些事。

一、ajax介绍；

AJAX 是 Asynchronous JavaScript And XML 的首字母缩写（异步 JavaScript 和 XML），是一种创建交互网页应用网页开发技术。

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

二、ajax原理和XMLHttpRequest对象；

ajax是通过XMLHttpRequest来向服务器发送异步请求，获得服务器的数据。

onreadystatechange 每次状态改变所触发事件的事件处理程序。

responseText 从服务器进程返回数据的字符串形式。

responseXML 从服务器进程返回的DOM兼容的文档数据对象。

status 从服务器返回的数字代码，比如常见的404（未找到）和200（已就绪）

status Text 伴随状态码的字符串信息

readyState 对象状态值

0 (未初始化) 对象已建立，但是尚未初始化（尚未调用open方法）

1 (初始化) 对象已建立，尚未调用send方法

2 (发送数据) send方法已调用，但是当前的状态及http头未知

3 (数据传送中) 已接收部分数据，因为响应及http头不全，这时通过responseBody和responseText获取部分数据会出现错误，

4 (完成) 数据接收完毕,此时可以通过通过responseXml和responseText获取完整的回应数据

三、用原生js 来实现ajax；

接下来，我们来封装一个ajax。

这样就完成了。