web前端开发——AJAX入门

什么是AJAX

AJAX: A New Approach to Web Applications XML

AJAX是老技术新思想。

它所包括的内容我们之前都接触过。例如以下：

(1)使用XHTML和CSS的基于标准的表示技术

(2)使用DOM进行动态显示和交互

(3)使用XML和XSLT进行数据交换和处理

(4)使用XMLHttpRequest进行异步数据检索

(5)使用Javascript将以上技术融合在一起

就像将几种酒混合成鸡尾酒一样，AJAX让老的技术换发出新的生命力。

AJAX的作用

(1)改善表单验证方式，不再须要打开新页面。也不再须要将整个页面数据提交

(2)不需刷新页面就可改变页面内容。降低用户等待时间

(3)按需获取数据，每次仅仅从server端获取须要的数据

(4)读取外部数据，进行数据处理整合

(5)异步与server进行交互，在交互过程中用户无需等待。仍可继续操作

AJAX应用模式的流程与传统Web应用模式相比

AJAX应用的流程是：在浏览器中输入数据->点击button提交请求->用户能够继续做其它事情；Servlet在处理数

据，并发回数据->浏览器收到响应->浏览器中的当前页面显示响应结果。这当中仍然有些过程因为时间短暂使你忽略

了它的所在。但实际上这些过程都是存在的。

传统Web开发思维模式的一个特点是通过form表单提交请求信息，然后转向一个新的页面处理请求，并显示服务

器端返回的信息。

以下看幅图

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhbmd6aWppZWppYXlvdQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

ajax缺点

（1）AJAX没有Back和History功能，即对浏览器机制的破坏

（2）AJAX的安全问题。

（3）对搜索引擎支持较弱。

（4）client过肥，太多client代码造成开发上的成本。

（5）破坏程序的异常处理机制，违背URL和资源定位的初衷。

AJAX适用场景

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhhbmd6aWppZWppYXlvdQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

小结

因为能够在页面内与server通信，不必总体刷新页面，降低了传输数据量。提高了Web应用的响应速度，给用户

带来全新的感受。

能够觉得AJAX就是Web标准和Web应用的可用性理论的集大成者。它极大地改善了Web应用的可用性

和用户的交互体验。终于得到了用户和市场的广泛认可。所以能够说，AJAX就是用户和市场的选择。