XML案例教程高职 教学课件 作者 眭碧霞 全书 第9章.ppt

第9章 XML与AJAX技术 　　　　　9.1 AJAX技术概述　　AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML)，是指一种创建交互式网页应用的网页开发技术。AJAX技术是目前在浏览器中通过JavaScript脚本可以使用的所有技术的集合。AJAX并没有创造出某种具体的新技术，它所使用的所有技术在很多年前就已经存在了。AJAX基于以下技术：JavaScript、XHTML、CSS、DOM、XML、XSL和XMLHttpRequest。 　　具体来说，AJAX使用XHTML和CSS进行页面标准化呈现，使用DOM实现动态显示和交互，使用XML和XSL进行数据交换和处理，使用XMLHttpRequest对象进行异步数据读取，使用JavaScript绑定和处理所有数据。　　传统Web应用采用同步交互过程：用户首先向Web服务器发送一个HTTP请求，服务器获取请求后，从后台数据库查找数据，并生成HTML页面，再向客户端返回HTML页面。在服务器处理浏览器的请求时，页面等待刷新，这是一种不连贯的用户体验。传统Web开发模型如图9-1所示。 图9-1 传统Web开发模型 　　与传统Web应用不同的是，AJAX采用异步交互过程。AJAX技术在用户与服务器之间引入中间媒介——AJAX引擎，从而消除了网络交互过程中长时间的处理和等待过程。AJAX引擎允许客户端和服务器之间的交互过程异步进行，客户端通过JavaScript脚本向服务器异步调用数据，Web服务器以XML文档形式将数据返回给客户端的AJAX引擎，AJAX引擎将数据局部更新到客户端的HTML页面中。数据的处理和组织在客户端完成，不需要到服务器中去重新加载整个HTML页面，用户感觉不到页面的刷新，能够获得很好的体验。基于AJAX的Web开发模型如图9-2所示。 图9-2 基于AJAX的Web开发模型 　　使用AJAX技术带来如下好处：　　(1) 可减轻服务器负担。AJAX的原则是“按需取数据”，可最大程度地减少冗余请求和响应对服务器造成的负担。　　(2) 无刷新更新页面，可减少用户心理和实际等待时间。　　AJAX使用XMLHttpRequest对象发送请求并得到服务器响应，不重新载入整个页面，数据下载完毕后将局部更新页面，用户感觉不到页面的刷新，从而带来更好的用户体验。 　　(3) 可以把服务器的一部分工作转移到客户端，利用客户端的闲置能力进行处理，以减轻服务器的负担，节约空间和带宽。　　(4) 基于标准化的并被广泛支持的技术，不需要下载插件或小程序。　　(5) 可进一步促进页面的呈现和数据的分离。 　　　9.2 XMLHttpRequest对象　　XMLHttpRequest是XMLHTTP组件的对象，通过该对象AJAX可以像桌面应用程序一样同服务器进行数据层面的交换，不需要每次都刷新整个页面，只需进行页面的局部更新。页面的处理工作由客户端完成，服务器负责数据的传输，客户机与服务器进行异步数据交互，减轻了服务器的负担，加快了响应速度，同时也缩短了用户等待时间。 　　从IE 5.0开始开发人员可以在Web页面内部使用XMLHTTP ActiveX组件扩展自身的功能，不用从当前的Web页面导航就可以直接传输数据到服务器或者从服务器接收数据。Mozilla 1.0和NetScape 7创建继承XML代理类XMLHttpRequest，XMLHttpRequest对象和XMLHTTP组件很相似，它们的方法属性类似，只是部分属性不同。 　　IE浏览器和Mozilla浏览器创建XMLHttpRequest对象的方法如下：　　script language=“JavaScript”　 　Var http_request = false; 　//IE浏览器 　http_request = new ActiveXObject　(“Msxml2.XMLHTTP”); 　http_request = new ActiveXObject　(Microsoft.XMLHTTP); 　//Mozilla浏览器 　http_request = new XMLHttpRequest();　/script　　XMLHttpRequest对象的方法和属性如表9-1和表9-2所示。 　　　　　表9-1 XMLHttpRequest的方法 　　　　　　表9-2 XMLHttpRequest的属性 　　　　　9.3 AJAX开发框架　　AJAX遵循Request/Server模式，发送XMLHttpRequest请求和异步接收数据的程序开发包含以下基本流程：对象初始化、发送请求、服务器接收、服务器返回