【AJAX】给你不一样的用户体验

AJAX(异步JavaScript和XML），对它早有耳闻，如今，终于见到了它。

一.何为AJAX？

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML）

AJAX 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。

通过 AJAX，JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象，JavaScript 可在不重载页面的情况与 Web 服务器交换数据。

AJAX 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就 可使网页从服务器请求少量的信息，而不是整个页面。

二.两种Web应用

既然AJAX是一种用于Web应用程序的技术，那么我们下面就看看用与不用AJAX技术的两种Web应用有什么不同之处。

1.传统Web应用

传统Web开发方式每一次交互数据都将经历“查看→提交→等待→新页面展示结果”的循环，页面跳转，而且全页面刷新，用户体验会中断：

其数据交互方式：

2.AJAX方式Web应用

而AJAX开发方式每一次交互数据都会经过“查看→提交→继续浏览活动→在旧页面中展示数据交互结果”的循环，页面无刷新，用户体验连贯：

其数据交互方式：

AJAX数据交互方式多了一个AJAX引擎和XML服务器，类似于缓存的作用，可以让我们在同一个页面进行多个不同的操作而相互之间不受干扰，进而决定了用户的体验度。

三.两种Web应用区别总结

四.AJAX技术的优缺点

【优点】

1、最大的一点是页面无刷新，在页面内与服务器通信，给用户的体验非常好。

2、使用 异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的响应能力。

3、可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理， 减轻服务器和带宽的负担，节约空间和宽带租用成本。并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。

4、基于标准化的并被广泛支持的技术， 不需要下载插件或者小程序。

任何一门新技术的产生都不是完美无缺的，AJAX亦是如此，在有些缺陷方面甚至都会对程序的开发带来巨大的影响。

【缺点】

1、ajax不支持浏览器back按钮。

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

3、对搜索引擎的支持比较弱。

4、破坏了程序的异常机制。

5、不容易调试。

五.学习总结

看完AJAX的概述部分，便很容易联想到自己使用浏览器的一些体验。确实，有的应用程序，改变了页面一小部分的内容，整个页面便都会重新加载，刷新一遍；而有的就不会。现在学习了AJAX明白了，就是因为它给了我们不一样的用户体验。