《动态网页制作教程_第2版 教学课件 李军 黄宪通 李慧 第10章 asp高级程序设计》由会员分享，可在线阅读，更多相关《动态网页制作教程_第2版 教学课件 李军 黄宪通 李慧 第10章 asp高级程序设计（100页珍藏版）》请在金锄头文库上搜索。
1、在线教务辅导网：http:/,教材其余课件及动画素材请查阅在线教务辅导网,QQ:349134187 或者直接输入下面地址：,http:/,ASP动态网页制作教程,第10章 ASP高级程序设计,本章介绍ASP高级程序设计的相关技术，主要内容包括ASP操作XML文档、在ASP中应用Ajax技术、在ASP中使用类。通过本章的学习，读者应掌握XML文档的结构并能对其进行编辑等操作，能够在ASP应用程序中使用Ajax技术完成异步操作，能够将代码封装在类中。,主要内容,10.1 ASP操作XML文档,随着Internet的迅速发展和广泛普及，XML的出现体现出了它的适用性和重要性。XML是由W3C定义的一
2、种标记语言。由于XML是没有版权限制的，这样用户可以建立属于自己的一套软件而无须支付任何费用。,ASP应用DOM技术可以读取（包括远程读取）或存储XML数据，而且在XML文挡中数据与显示格式是分离的，从而可以方便地规定XML文档中数据的输出格式。,10.1.1 XML概述为了弥补HTML语言不可扩展的缺点，并适应当前网站中庞大数据交换的需求，Web标准化组织万维网联合会建议并推出可扩展标记语言（eXtentsible Markup Language，XML）。,XML语言是一种精简的标准通用化标记语言（Standard Generalized Markup Language，SGML）版本，是
3、一种提供数据描述格式的标记语言，适用于不同应用程序间的数据交换，而且这种交换不以预先定义的一组数据结构为前提，增强了可扩展性。,1XML文档的结构XML是一套定义语义标记的规则，是可以定义其他标识语言的元标识语言。在XML文档中可以自定义标记和文档结构。,XML文档总体上包括两部分：序言和文档元素。,（1）序言序言中包含XML声明、处理指令和注释。序言必须出现在XML文档的开始处。,（2）文档元素XML文档中的元素是以树型分层结构排列的，元素可以嵌套在其他元素中。,2XML语法要求创建格式正确的XML文档的语法要求如下。,（1）XML文档必须有一个顶层元素，即文档元素。 （2）元素嵌套要正确，
4、即如果一个元素在另一个元素中开始，那么必须在同一元素中结束。,（3）每一个元素必须同时拥有起始标记和结束标记。 （4）起始标记中的元素类型名必须与相应结束标记中的名称完全匹配。,（5）元素类型名区分大小写。 （6）元素类型名称中可以包含字母、数字以及其他字母元素类型，也可以使用非英文字符。,3使用属性在一个元素的起始标记中，可以自定义一个或者多个属性。,4注释注释是为了便于阅读和理解，在XML文档添加的附加信息。,10.1.2 XML的3种显示格式显示XML文档常见的有3种格式：使用CSS样式表、使用XSL样式表和使用XML数据岛技术。,1CSS样式表在XML文档中可以使用CSS样式表显示XM
5、L文档内容。在XML文档中直接链接一个CSS样式表文件。CSS样式表中的样式名称应与XML文档中定义的元素名称相同。,语法：,【例10-1】使用CSS样式表显示XML文档内容。,图10-1 使用CSS样式表显示XML文档内容,2XSL样式语言可扩展样式表语言（eXtensible Stylesheet Language，XSL）语言与CSS样式表的功能类似。一个XSL样式表链接到一个XML文档可以显示XML数据。,在XML文档中应用CSS样式表只允许指定每个XML元素的格式，而XSL样式表允许对输出进行完整的控制。XSL样式表能够精确地选择想要显示的XML数据，能够按照任意顺序排列显示的数据，
6、能够方便地修改或者添加数据。,XSL是XML的一个应用，即一个XSL样式表是一个遵守XML规则格式的正确有效的XML文档，其扩展名为.xsl。,在XML文档中使用XSL样式表的语法如下：,【例10-2】XSL样式表显示XML文档。,图10-2 XSL样式表显示XML文档,3XML数据岛技术XML数据岛技术可以有效地将显示格式和显示数据分离。使用XML数据岛技术的文档也是一个正确有效的XML文档。在XML文档中存放显示的数据，在HTML页面中调用该文档显示XML文档内容。,在HTML文件中链接XML文件的语法如下：,【例10-3】应用XML数据岛技术显示XML文档内容。,图10-3 应用XML数
7、据岛技术显示XML文档内容,10.1.3 通过DOM技术加载XML文档文档对象模型（Document Object Model，DOM）技术主要是指利用DOM分析器通过对XML文档的分析，把整个XML文档以一棵DOM树的形式存放在内存中，应用程序可以随时对DOM树中的任何一个部分进行访问与操作，也就是说，通过DOM树，应用程序可以对XML文档进行随机访问。,在ASP中，通过创建Document对象可以对XML文档进行相关功能的操作。在IE 5.0中，包含了Microsoft XML类库，其中就包含了Document对象。,要在ASP中使用Microsoft XML，首先必须在服务器端安装IE
8、5.0或XML的插件，如果使用的是Windows 2000或Windows XP就不需要安装IE 5.0或XML的插件，如果使用的是Windows 98，则需安装一个IE 5.0或IE 5.0以上版本的浏览器即可运行XML文件。,在ASP中创建Document对象的基本语法为：Set newXML=Server.CreateObject(“Microsoft.XMLDOM“)当对象创建完成后就可以使用其内部的函数。,ASP是通过DOM接口来访问XML文档中的任何一部分数据的。下面介绍两种访问XML文档的方法，分别为通过load方法直接加载XML文档和通过loadXML方法加载XML文档片断。,
9、1通过load方法直接加载XML文档通过load方法可以将指定的文件装载到当前的Document文档对象中，如果装载成功则返回“True”，否则将返回“False”。语法：load(filename),2通过loadXML方法加载XML文档片段通过loadXML方法可以将指定的XML字符串装载到当前的Document文档对象中，如果装载成功则返回“True”，否则返回“False”。语法：loadXML(xmlString),10.1.4 ASP向XML文档中添加数据通过Document对象的load方法加载XML文档，然后调用相关方法创建XML文档的子元素，可以将表单中的数据动态添加到XML
10、文档中。,【例10-4】向XML文档中添加数据。,图10-4 向XML文档中添加数据,图10-5 XML文档中的内容,10.1.5 ASP读取XML数据XML文档中的标记是由用户自己定义的，浏览器是不能识别的，这就使得XML文档的数据和显示格式是分离的。在ASP中，通过DOM技术可以访问XML文档中的数据，然后将其内容显示到ASP页面中。,【例10-5】读取XML数据。,图10-6 读取XML数据,10.2 在ASP中应用Ajax,10.2.1 Ajax技术概述异步JavaScript和XML（Asynchronous JavaScript And XML，Ajax）是多种技术的综合，Java
11、Script、XHTML和CSS、DOM、XML和XSTL、XMLHttpRequest等技术在协作过程中按照一定的方式发挥各自的作用，从而构成了Ajax。,互联网从Web 1.0到Web 2.0的转变，可以说在模式上是从单纯的“读”、“写”向“共同建设”的发展。Web 2.0不是一个具体的事物，而是一个阶段。,在这个阶段中，是以用户为中心，主动为用户提供互联网信息。在Web 2.0中，互联网将成为一个平台，在这个平台上将实现可编程、可执行的Web应用。,Ajax是Web 2.0中非常重要的技术。Ajax是一种用于浏览器的技术，它可以在浏览器和服务器之间使用异步通信机制进行数据通信，从而允许浏
12、览器向服务器获取少量信息而不是刷新整个页面。,10.2.2 Ajax与传统Web技术的区别与传统的Web技术不同，Ajax采用的是异步交互处理技术。Ajax的异步处理可以将用户提交的数据在后台进行处理，这样，数据在更改时可以不用重新加载整个页面而只是刷新页面的局部。,传统Web工作模式的流程为：当客户端浏览器向服务器发出一个浏览网页的HTTP请求后，服务器接受该请求，查找所要浏览的动态网页文件，然后执行动态网页中的程序代码，并将动态网页转化成标准的静态网页，最后将生成的HTML页面返回给客户端。在这种模式下，当服务器处理数据时，用户一直处于等待状态。,Ajax的工作原理如下。 （1）客户端浏览
13、器在运行时首先加载一个Ajax引擎（该引擎由JavaScript编写）。,（2）Ajax引擎创建一个异步调用的对象，向Web服务器发出一个HTTP请求。 （3）服务器端处理请求，并将处理结果以XML形式返回。,（4）Ajax引擎接收返回的结果，并通过JavaScript语句显示在浏览器上。,从Ajax的工作原理，可以看到Ajax的作用有以下几点。 （1）减轻服务器的负担，因为Ajax的原则是“按需取数据”。,（2）无刷新更新页面，减少用户心理和实际的等待时间。 （3）可以把以前一些服务器负担的工作转交给客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。,10.
14、2.3 Ajax使用的技术1JavaScript2XML3XMLHttpRequest4DOM5CSS,10.2.4 Ajax开发需要注意的几个问题1浏览器兼容性问题2XMLHttpRequest对象封装3性能问题4中文编码问题,10.2.5 实现Ajax的步骤要实现一个Ajax异步调用和局部刷新的功能，需要以下几个步骤。,（1）创建XMLHttpRequest对象，即创建一个异步调用的对象。 （2）创建一个新的HTTP请求，并指定该请求的方法、URL以及验证信息等。,（3）设置响应HTTP请求状态变化的函数。 （4）发送HTTP请求。 （5）获取异步调用返回的数据。 （6）使用JavaScr
15、ipt和DOM实现局部刷新。,1创建XmlHttpRequest对象不同的浏览器使用的异步调用对象也有所不同。在IE浏览器中异步调用使用的是XMLHTTP组件中的XMLHttpRequest对象，而在Netscape、Firefox浏览器中则直接使用XMLHttpRequest组件。因此，在不同浏览器中创建XmlHttpRequest对象的方法也不同。,（1）在IE中创建XmlHttpRequest对象语法：var xmlHttp= new ActiveXObject(“Msxml2.XMLHTTP“);或者var xmlHttp= new ActiveXObject(“Microsoft.X
16、MLHTTP“);,（2）在Netscape浏览器中创建XmlHttpRequest对象语法：var xmlHttp = new XMLHttpRequest();,表10-1 XMLHttpRequest对象的属性和方法,续表,2创建HTTP请求创建了XMLHttpRequest对象后，必须为XMLHttpRequest对象创建HTTP请求，用于说明XMLHttpRequest对象要从何处获取数据。一般情况下可以从网站中获取数据，也可以从本地其他文件中获取数据。,通过调用XMLHttpRequest对象的Open方法可以创建HTTP请求。语法：xmlHttp.open(String method, String url, Boolean asyn, String user, String password),
