ajax理论基础

发表时间:2017-05-16 15:49:13 浏览量( 23 ) 留言数( 0 )

学习目标:

1、了解Java的历史

2、为什么要学习Java语言

3、端正学习态度


学习过程:

一、什么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计算的例子,如下图:

attcontent/7a18463b-711a-4717-bed7-ee4bdd345c8f.png

还有就是google地图,如下图:

attcontent/af899fc1-2996-4826-8017-964da6f0e027.png

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

attcontent/2a44febd-b97b-4362-aeee-521e9aa0300b.png

三、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等等。