目录

一、Ajax概述

二、Ajax执行原理

三、实现Ajax的请求

---

一、Ajax概述

传统情况下，浏览器与服务端的交互都是采用同步交互的方式进行的；此交互方式用户在向服务端发送请求后只有等到服务端的响应报文回来后用户才能在标签页上进行其它操作，即客户端每发送一次请求等待服务端的一次响应。

Ajax是采用异步的方式客户端与服务端进行交互的，客户端与服务端之间相互独立，客户端只需要将请求发送给服务端就可以了，服务端只需要对用户的请求做出处理后响应给客户端即可，在此服务端处理用户发送过来的请求期间、客户端无需进行等待、可以进行其它的操作。

二、Ajax执行原理

Ajax其实就是使用JS代码，当用户在浏览器上进行了某个动作事件后，就会触发JS代码的执行，由JS代码在浏览器背后向服务端发送请求并将服务端响应的信息通过DOM或BOM编程显示在客户端的dom树中、渲染到用户当前所在标签页上或者决定是否跳转页面。

三、实现Ajax的请求

Ajax实现方式有多种，这里使用原生的纯JS代码的方式实现。

步骤：

①实例化一个XMLHttpRequest的对象

②设置XMLHttpRequest对象的回调函数，用于处理后端响应回来的数据。

③设置JS向后端发送请求的方式和目标资源访问路径

④执行向后端发送请求操作

说明： 后端响应给前端JS的数据应当是具有一定规范的JSON串，JSON串中的数据规范由前后端工程师共同约定俗成。

例如: