20、ajax理论基础

学习目标：

1、什么是Ajax

2、了解Ajax的应用场景

学习过程：

一、什么ajax

ajax是实现刷新局部页面的技术，也就是我们不用整个页面的刷新就可以实现与后台通讯，并更新页面的的信息，ajax全称是：Asynchronous JavaScript And XML，也就是异步的JavaScript和XML。

ajax可以说是近几年来web最热门的技术，但是它的实现都是使用的全是老技术，从名称可知，核心使用javascript技术，XML其实是可选的技术，当然我们还会用到html、css等页面端的计算，另外还常常使用json计算来实现与服务端进行通信。

总而言之，ajax的作用就是使用JavaScript从服务器获取数据而不必刷新整个页面。我们一般的做法就是：

1、JavaScript：向服务器发起请求，获得返回结果，更新页面。

2、异步：发送请求后不等返回结果，由回调函数处理结果。

3、XML：封装数据。当然还可以使用json。

二、我们身边的ajax技术

现在ajax技术早就已经流行起来了，最先使用并取得成功的应该就是google公司，我们可以上google网站就可以看到大量使用ajax计算的例子，如下图：

自从google使用ajax技术后，大大提高了用户体验，也引起了很多技术人员的注意，现在ajax技术可以说是遍地开花了。我们可以随便上一些网站都可以看到这种ajax效果，如下图：

三、ajax技术和传统技术比较

为什么ajax技术会这么快就流行起来，与传统技术比较，它主要有以下几个优势：

1、首先是提高了用户体验，这点太重要了，用户可以在无刷新的情况之下异步和与服务器通讯，这样可以不打断用户的操作。

2、可以充分的利用客户端的资源，合理利用还可以节约空间，提高效率，减少网络流量，从而减轻服务器的压力。

3、不需要任何插件升级，现有的浏览器就可以支持了。

4、近年来，大量的框架技术的支持，降低了开发的难度，大大提高了开发的效率。

缺点也不是没有的，所以ajax技术必须要合理使用，千万不要滥用。

1、搜索引擎对ajax的支持还比较弱。

2、由于使用不当，尤其有些程序员经常使用javascript轮询的方式访问服务器，反而导致服务器的压力大大增加了。

3、原来使用传统方式开发的应用系统要做大量的修改才能转换为ajax技术，而且习惯了传统方式的用户，对ajax技术还需要适应。

但是总的来说，ajax的优势还是比较明显的，所以ajax的学习是很有必要的。

四、ajax技术概况

ajax基础技术主要包括以下内容：

1.使用CSS和XHTML来表示。

2. 使用DOM模型来交互和动态显示。

3.使用XMLHttpRequest来和服务器进行异步通信。

4.使用javascript来绑定和调用。

现在有很多大型的MVC框架对ajax的支持都非常好，尤其是一些js框架，比如jquery、extjs等等。服务器端框架也有很多，比如：struts2、dwr、springmvc等等。