ajax请求的特点、优缺点以及工作原理

异步无刷新

ajax全名（async JavaScript and XML）异步js和XML。

是js语言与服务端交互的手段，是前后端交互的能力，是客户端给服务器发送消息的工具，以及接收响应的工具。

不是新的编程语言，而是一种使用现有标准的新方法。

ajax是与服务器交互数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

是一个默认异步执行机制的功能。AJAX分为同步（async = false）和异步（async = true）

async = false

同步请求是指当前发出请求后，浏览器什么都不能做， 必须得等到请求完成返回数据之后，才会执行后续的代码。也就是说当页面加载到当前ajax请求的时候，会把页面里面所有的代码停止加载，页面处于一个假死状态，当这个ajax执行完毕后才会继续运行其他页面解除这个假死状态。

async = true

当异步请求发出的同时，浏览器可以继续做其他事，ajax发送请求并不会影响页面的加载和用户的操作，相当于在两条路上，各走各的。

优点：

不需要插件的⽀持，原⽣ js 就可以使⽤

⽤户体验好（不需要刷新⻚⾯就可以更新数据）

减轻服务端和带宽的负担

缺点：搜索引擎的⽀持度不够，因为数据都不在⻚⾯上，搜索引擎搜索不到

ajax的工作原理

客户端发送请求，请求交给xhr，xhr把请求提交给服务，服务器进行业务处理，服务器响应数据交给xhr对象，xhr对象接收数据，由javascript把数据写到页面上，如下图所示：

1. 创建XMLHttpRequest对象,即创建一个异步调用对象.

2. 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.

3. 设置响应HTTP请求状态变化的函数.

4. 发送HTTP请求.

5. 获取异步调用返回的数据.

6. 使用JavaScript和DOM实现局部刷新