如何实现Ajax，它的原理是什么？

如何实现ajax以及它的原理。

ajax 全称 async JavaScript and XML,是一种创建交互式网页应用的网页开发技术，可以在不重新加载整个网页的情况下与服务器交换数据，并且更新部分网页。

Ajax的原理：就是通过XmlHttpRequest对象，向服务器发送异步请求。从服务器获得数据，然后用JavaScript来操作DOM而更新页面。流程图如是：

Ajax如何实现

创建XMLHttpRequest对象。

通过XMLHttpRequest（）构造函数，用于初始化一个XMLHttpRequest实例i对象。

与服务器建立连接，通过XMLHttpRequest对象的open（）方法与服务器建立连接给服务端发送数据。

参数说明如下图

通过XMLHttpRequest对象的send()方法见客户端页面的数据发送给服务端。

body:在XHR请求中要发送的数据体。如果不传递数据则为null，如果使用GET请求发送数据的时候，需要注意以下两点：

将请求数据添加到open()方法中的url地址中。

发送请求数据中的send()方法中参数设置为null，绑定onreadystatechange事件。onreadystatechange事件用于监听服务器端的通信状态。主要监听的属性为XMLHttpRequest.readyState.

XMLHttpRequest.readyState属性有五个状态。如下图所示

只要readyState属性值一变化，就会出发一次readystatechange事件，XMLHttpRequest.responseText属性用于接受服务器端的响应结果。

通过上面的理解，我们来封装一个简单的Ajax请求，如下图

使用方法如下：