AJAX工做原理及其优缺点

1、AJAX 定义

        AJAX（Asynchronous JavaScript and XML）实际上是多种技术的综合，包括 Javascript、XHTML 和 CSS、DOM、XML 和 XSTL、XMLHttpRequest。其中：使用 XHTML 和 CSS 标准化呈现，使用 DOM 实现动态显示和交互，使用 XML 和 XSTL 进行数据交换与处理，使用 XMLHttpRequest 对象进行异步数据读取，使用 Javascript 绑定和处理全部数据。

2、AJAX 优势

• 减轻服务器的负担。AJAX 的原则是“按需取数据”，能够最大程度的减小冗余请求，和响应对服务器形成的负担。

• 无刷新更新页面，减小用户心理和实际的等待时间。特别的，当要读取大量的数据的时候，不用像 Reload 那样出现白屏的状况，AJAX 使用 XMLHTTP 对象发送请求并获得服务器响应，在不从新载入整个页面的状况下用 Javascript 操做 DOM 最终更新页面。因此在读取数据的过程当中，用户所面对的不是白屏，是原来的页面内容（也能够加一个Loading 的提示框让用户知道处于读取数据过程），只有当数据接收完毕以后才更新相应部分的内容。这种更新是瞬间的，用户几乎感受不到。

• 带来更好的用户体验。

• 能够把之前一些服务器负担的工做转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。

• 能够调用外部数据。

• 基于标准化的并被普遍支持的技术，不须要下载插件或者小程序。

• 进一步促进页面呈现和数据的分离。

3、AJAX 缺点

• AJAX干掉了Back和History功能，即对浏览器机制的破坏。

• AJAX的安全问题。

• 对搜索引擎支持较弱。

• 破坏程序的异常处理机制。

• 违背URL和资源定位的初衷。

• AJAX不能很好支持移动设备。

• 客户端过肥，太多客户端代码形成开发上的成本。

4、AJAX 工做原理

        Ajax的工做原理至关于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操做与服务器响应异步化。并非全部的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎本身来作, 只有肯定须要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。

工做原理示意图

5、AJAX 应用场景

1. 动态加载数据，按需取得数据。【树形菜单、联动菜单.../省市联动】

2. 改善用户体验。【输入内容前提示、带进度条文件上传...】

3. 电子商务应用。【购物车、邮件订阅...】

4. 访问第三方服务。【访问搜索服务、rss阅读器】

5.  数据的布局刷新