Ajax培训卡片

《Ajax培训卡片》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、福沃德软件技术有限公司技术培训Ajax技术培训整理人：杨志整理时间：2011年10月内部资料注意保存Ajax（即异步JavaScript和XML）是一种Web应用程序开发的手段，它采用客户端脚本与Web服务器交换数据。所以，不必采用会中断交互的完整页面刷新，就可以动态地更新Web页面。使用Ajax，可以创建更加丰富、更加动态的Web应用程序用户界面，其即时性与可用性甚至能够接近本机桌面应用程序。目录1.Ajax简介11.1.Ajax起源和技术路线11.2.与传统的web应用比较11.3.其他不刷新整个页面便可与服务器通讯的办法21.4

2、.Ajax的缺陷31.5.Ajax的应用场景32.使用XMLHttpRequest对象42.1.XMLHttpRequest对象的概述42.2.XMLHttpRequest的方法42.2.1.open方法52.2.2.send方法52.2.3.setRequestHeader方法62.2.4.abort方法62.3.XMLHttpRequest的属性62.3.1.onreadystatechange62.3.2.readyState72.3.3.status72.3.4.responseText82.3.5.responseXML92

3、.4.发送请求92.5.接收响应93.使用jQueryAjax支持113.1..load(url,[data],[callback])113.2.jQuery.get(url,[data],[callback])113.3.jQuery.post(url,[data],[callback],[type])113.4.serialize()与serializeArray()123.5.其他：请参考jQueryAPI文档124.工程实践134.1.AjaxUtils.loadPageSegment($element,options)134

4、.2.AjaxUtils.showPageSegment($element,htmlData)134.3.由服务器端指定处理类型131.Ajax简介1.1.Ajax起源和技术路线是谁发明了Ajax？要找到真正的源头，总免不了一场争论。不过，有一点确定的是，2005年2月，AdaptivePath的JesseJamesGarrett最早创造了这个词。在他的文章《Ajax:ANewApproachtoWebApplications》第一次提出了“Ajax”的概念，在这篇文章中，Garrett讨论了如何消除胖客户（或桌面）应用与瘦客户（或W

5、EB）应用之间的界限。当Google在GoogleLabs发布GoogleMaps和GoogleSuggest时，这个技术才真正为人所认识。Ajax全称为“AsynchronousJavaScriptandXML(异步JavaScript和XML)”的简称，是一种创建交互式网页应用的网页开发技术。Ajax是以下四个单词的首字母缩写：tAsynchronorstJavaScripttAndtXML但如今，这个词覆盖面有所扩展，把允许浏览器与服务器通信而无需刷新当前页面的技术都涵盖在内。Ajax并非是一个新的技术或者语言，它只是几项技术按

6、一定的方式组合起来，在共同协作中发挥各自的作用；用俗语说就是“老瓶装新酒”。具体讲，Ajax使用的技术包括：1、使用XHTML和CSS的来显示信息；2、使用DOM进行动态显示和交互；3、使用XML和XSLT进行数据交换和处理及相关操作；4、使用XMLHttpRequest对象与Web服务器进行异步数据检索；5、使用JavaScript将以上技术融合在一起，绑定和处理所有数据。Ajax技术是一种客户端技术，与服务器端语言无关。XHTMLeXtendedHypertextMarkupLanguageDOMDocumentObjectMod

7、elXMLeXtensibleMarkupLanguage1.2.与传统的web应用比较传统Web模式中是一种同步的概念：用户必须等待每个请求，当一个请求完成后才能获得结果，在使用完这些结果后才会发出新的请求。从图中可以看到，在传统的Web开发中，完全是一种请求→刷新→13响应的模型，用户只有等请求完成后才能进行用户操作，操作完成后才能提交下一个请求，用户行为和服务器行为是一种同步的关系，需要相互等待。在基于Ajax的Web程序中，最为重要的特征就是将同步请求转变为异步请求。这意味着客户端和服务器端不必再相互等待，而是可以进行一些并发

8、的操作。用户在发送请求以后可以继续当前工作，包括浏览和提交信息。在服务器响应完成之后，Ajax引擎会将更新的数据显示给用户，而用户则工具响应内容来决定自己下一步的行为，下图描述了异步Ajax操作的流程。从上图中可见，在用