ajax技术课件.

《ajax技术课件.》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、中科院计算所职业培训中心杨少波trainict@sohu.comAJAX技术AJAX技术在本讲中希望您能了解如下的知识点什么是AJAX技术AJAX中的XMLHttpRequest技术Ajax应用与传统的Web应用的不同应用AJAX技术目前有可能发生的问题AJAX中所涉及各个相关的技术AJAX技术的工作原理及典型应用1、什么是AJAXAsynchronusJavaScriptAndXML-----异步JavaScript和XML技术2、应用AJAX技术的Web应用所具有的特性（1）Web应用的桌面客户端化Ajax技术可以使Web应用具有类

2、似于桌面客户端软件的交互效果，从而给基于Web的应用系统在加载动态化和操作客户端化两方面带来了革命性的突破。（2）不需要刷新整个页面就可以实现提交因为Ajax能够提供让客户端程序与服务器端程序进行异步通信的能力，从而使用户从请求/响应中解脱出来并提高了响应的效率。AJAX技术2、应用AJAX技术给Web应用所带来的技术效果（1）加载动态化可以用Ajax增强传统的Web应用程序的交互性能---因为可以通过消除页面的多次装入从而简化交互过程。由于Ajax是用XMLHttpRequest发送请求并得到服务端应答数据，这样将可以在不重新载入整个

3、页面的情况下用Javascript编程DOM，从而最终更新页面中的局部显示效果。（2）操作客户端化（B/S架构但为C/S的操作效果）可以把以前由服务器承担的一些任务转移到客户端，这样可以利用客户端闲置的处理能力来处理这些任务。这样将大大地减轻服务器的负担，从而提高了响应的速度也就是现在比较流行的RIA的应用效果特别是J2EE平台中对表示层中所涉及的技术比较贫乏!（3）减轻服务器的负担AJAX的原则是“按需取数据”----这样，可以最大程度地减少请求中的数据量，当然也就降低了对服务器所造成的负担。因为在大多数网站中，很多页面中至少90%都

4、是一样的。比如:结构、格式、页头、页尾、广告等，所不同的只是一小部分的内容但每次服务器都会生成所有的页面再返回给客户端，这无形之中是一种浪费。3、什么时候不应该使用Ajax技术（4）AJAX是标准化的并被广泛支持的技术这样，我们就不需要再下载插件或者其它的小程序等安装到客户端----而WebStart和SmartClient、FlashFLEX等目前的RIA技术实现需要安装客户端插件。希望大家不要滥用AJAX技术4、为什么要提供AJAX技术（1）由C/S到B/S的发展C/S结构的胖客户端的主要问题----部署问题、升级困难、维护困难、安

5、全问题等等---相应地产生了B/S架构技术（2）但B/S方式同样也面临一些问题表现能力方面比较贫乏（产生UI也只有表单中的一些控件）响应速度等性能方面（请求/响应的循环）HTTP协议是一个无状态的协议（需要进行状态跟踪）服务器负载加重（集中式的后台业务处理）（3）常规的B/S方式中的同步导致客户机漫长的等待（4）Ajax技术中的异步含义所谓的异步请求也就是不需要等待服务器响应完毕，发送请求后应用程序可以进行完成其它的任务----用户仍然可以在Web表单中进行操作。服务器程序响应请求并把请求处理的结果返回给客户端系统5、基于Ajax的We

6、b应用与传统的Web应用对比（1）首先构成Ajax技术的相关核心技术早已存在Ajax技术中的如JavaScript、XML、CSS和DOM等都已经存在若干年了!（2）Ajax应用与传统的Web应用的区别主要在三个方面6、应用AJAX技术后目前有可能发生的问题（1）浏览器的版本的兼容问题-----对JavaScript的支持您了解RIA吗？由于AJAX大量地使用了JavaScript和AJAXenagine---而这些都取决于我们所使用的浏览器的版本，不同的浏览器以及不同版本的浏览器对前面的技术的支持是不同的。因此，对基于AJAX的Web

7、应用，我们必须测试不同的不同版本的浏览器对JavaScript的兼容性是让人头痛的事。（2）页面的“后退”功能将失效（3）中间过程不能被bookmark（书签化）7、AJAX的三大技术特征（1）异步交互---无需刷新整个页面内容（2）JavaScript脚本--JavaScript绑定和处理所有数据（3）XML封装数据---利用DOM进行数据交换8、AJAX中所涉及的相关的技术1、体验应用AJAX技术的效果（1）GoogleMaps站点Ajax技术中的异步技术客户端程序异步地向服务器端发送请求并更新页面的显示内容（2）GoogleSug

8、gest站点请注意“自动补全”-----这是AJAX的一个典型的应用（3）在线WebOffice的应用http://www.solodox.cnAJAX技术能够实现与应用程序相类似的效果！2、AJAX中的异