Ajax 的原理简单来说是在⽤户和服务器之间加了—个中间层( AJAX 引擎)，通过

XmlHttpRequest 对象来向服务器发异步请求，从服务器获得数据，然后⽤ javascrip t

来操作 DOM ⽽更新⻚⾯。使⽤户操作与服务器响应异步化。这其中最关键的⼀步就是从服

务器获得请求数据

Ajax 的过程只涉及 JavaScript 、 XMLHttpRequest

和 DOM 。 XMLHttpRequest 是

aja x的核⼼机制

/** 1. 创建连接 **/

var xhr = null;

xhr = new XMLHttpRequest()

/** 2. 连接服务器 **/

xhr.open('get', url, true)

/** 3. 发送请求 **/

xhr.send(null);

/** 4. 接受请求 **/

xhr.onreadystatechange = function(){

if(xhr.readyState == 4){

if(xhr.status == 200){

success(xhr.responseText);

} else {

/** false **/

fail && fail(xhr.status);

}

}

}

ajax 有哪些优缺点?

优点：

通过异步模式，提升了⽤户体验.

优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占⽤.

Ajax 在客户端运⾏，承担了⼀部分本来由服务器承担的⼯作，减少了⼤⽤户量下的服

务器负载。

Ajax 可以实现动态不刷新（局部刷新）

缺点：

安全问题 AJAX 暴露了与服务器交互的细节。

对搜索引擎的⽀持⽐较弱。

不容易调试。