ASP应用开发与实践 第12章 Ajax编程技术.ppt

《ASP应用开发与实践 第12章 Ajax编程技术.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、本章要求：第12章Ajax编程技术了解Ajax技术的概念熟悉Ajax的工作原理了解Ajax包含的关键技术掌握在应用程序中使用Ajax技术实现局部刷新的具体步骤熟悉Ajax在ASP中的应用主要内容1.Ajax概述2.Ajax的实现过程3.综合实例——XML留言板第12章Ajax编程技术12.1.1Web2.0中的Ajax12.1.2分析Ajax的工作原理12.1.3列举Ajax使用的技术12.1Ajax概述互联网从Web1.0到Web2.0的转变，可以说在模式上是从单纯的“读”、“写”向“共同建设”的发展

2、。Web2.0不是一个具体的事物，而是一个阶段。在这个阶段中，是以用户为中心，主动为用户提供互联网信息。在Web2.0中，互联网将成为一个平台，在这个平台上将实现可编程、可执行的Web应用。Ajax是Web2.0中非常重要的技术。Ajax是一种用于浏览器的技术，它可以在浏览器和服务器之间使用异步通信机制进行数据通信，从而允许浏览器向服务器获取少量信息而不是刷新整个页面。12.1.1Web2.0中的Ajax与传统Web技术不同，Ajax采用的是异步交互处理技术。Ajax的异步处理可以将用户提交的数据在后台

3、进行处理，这样，数据在更改时可以不用重新加载整个页面而只是刷新页面的局部。传统Web工作模式的流程为：当客户端浏览器向服务器发出一个浏览网页的HTTP请求后，服务器接收该请求，查找所要浏览的动态网页文件，然后执行动态网页中的程序代码，并将动态网页转化成标准的静态网页，最后将生成的HTML页面返回给客户端。在这种模式下，当服务器处理数据时，用户一直处于等待状态。Ajax的工作原理如下：（1）客户端浏览器在运行时首先加载一个Ajax引擎（该引擎由JavaScript编写）。（2）Ajax引擎创建一个异步调用

4、的对象，向Web服务器发出一个HTTP请求。（3）服务器端处理请求，并将处理结果以XML形式返回。（4）Ajax引擎接收返回的结果，并通过JavaScript语句显示在浏览器上。从Ajax的工作原理能看到使用Ajax可以：（1）减轻服务器的负担，因为Ajax的原则是“按需取数据”。（2）无刷新更新页面，减少用户心理和实际的等待时间。（3）可以把以前一些服务器负担的工作转交给客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。12.1.2分析Ajax的工作原理Ajax使用的

5、并不是新技术，而是多种技术的集合。下面介绍Ajax中使用到的主要技术。1．JavaScriptJavaScript是一种在Web页面中可以添加动态脚本代码的解释性程序语言，其核心已经嵌入到目前主流的Web浏览器中。JavaScript是一种具有丰富的面向对象特性的程序设计语言，利用它能执行许多复杂的任务。Ajax就是通过JavaScript将DOM、XHTML（或HTML）、XML以及CSS等多种技术综合起来，并控制它们的行为的。关于JavaScript脚本语言可参见本书第5章的介绍。2．XMLXML是

6、ExtensibleMarkupLanguage（可扩展的标记语言）的缩写，它是一种提供数据描述格式的标记语言，适用于不同应用程序间的数据交换，而且这种交换不以预先定义的一组数据结构为前提，增强了可扩展性。XMLHttpRequest对象与服务器交换的数据通常采用XML格式。3．XMLHttpRequestAjax的核心技术就是XMLHttpRequest，它是一个具有应用程序接口的JavaScript对象，能够使用超文本传输协议（HTTP）连接一个服务器。通过XMLHttpRequest对象，Ajax

7、可以像桌面应用程序一样只同服务器进行数据层面的交换，而不用每次都刷新整个页面。4．DOMDOM是DocumentObjectModel（文档对象模型）的简称。在DOM中，将HTML文档看成是树形结构。DOM是可以操作HTML和XML的一组应用程序接口。在Ajax应用中，通过JavaScript操作DOM，可以达到在不刷新页面的情况下实时修改用户界面的目的。12.1.3列举Ajax使用的技术5．CSSCSS是CascadingStyleSheet（层叠样式表）的缩写，用于控制网页样式并允许将样式信息与网页

8、内容分离的一种标记性语言。在Ajax中，可以在异步获得服务器数据之后，根据实际需要来更改网页中的某些元素样式。说明：Ajax使用了JavaScript和Ajax引擎，而这些内容需要浏览器提供足够的支持。目前提供这些支持的浏览器有IE5.0及以上版本、Mozilla1.0、Netscape7.0及以上版本。Mozilla虽然也支持Ajax，但是提供XMLHttpRequest对象的方式不一样，所以使用Ajax的程序必须测试针对各个浏览器的兼容