Ajax编程技术第五章XML要点.pptVIP

Ajax编程技术第五章 XML要点 5.1 XML基础 使用XMLHttpRequest对象向服务器提出请求后，服务器返回数据的格式有两种： 文本格式：是一种很容易添加到页面的字符，然而，在数据交换方面，文本格式非常有限。字符之间不存在元素、数据类型等区别。 XML格式：是一种标记语言，它使用用户自定义标记，按照特定的方式组织数据。 浏览器从响应Ajax请求的服务器中接收XML文档时，我们需要一种方法来提取XML数据并显示之。JavaScript可以使用节点、节点属性和DOM方法从XML文档中检索数据。一旦提取XML数据，就可以使用CSS或XSLT在页面显示该数据。 5.1 XML基础 XML特点 允许数据分类； 允许创建数据格式； 将数据输出到各个地方； 不是私有语言，不局限于特殊平台或设备。 5.1 XML基础 创建标记 我们来构建一个XML文档。其中我们将创建一组自定义的标记： 5.1 XML基础 XML语法 XML文档的从XML申明开始： ?xml version=“1.0” ? XML有一个包含其他所有元素的根元素，如上例中的classes； XML的标记必须有开始标记和结束标记，中间是元素内容： title Programming /title 空元素没有元素内容，也没有元素结束标记，但元素开始标记以“ /”封口； 标记嵌套必须正确，不能交叉嵌套； 标记内的属性值必须用引号界定。 5.1 XML基础 评价 使用XML进行数据交换的主要优势是XML文档可以包括关于该文档中数据的格式和类型的详细信息。方便验证XML文档是否接收正确。 5.1 XML基础 示例：请求服务器端的XML数据 创建一个主页，index.htm: 5.1 XML基础 创建服务器端的数据文件classes.xml，以utf-8格式保存： 5.1 XML基础 运行： 在右图所示界面中，点击“make request”按钮，出现警示框： 5.1 XML基础 如果将index.htm中红色字符显示的代码该成如下代码： alert(xmlDocument.xml); 则程序弹出的警示框为 右图所示的警示框： 本章后面将介绍如 何使用JavaScript从服 务器返回的XML文档中 提取数据。 5.2 使用JavaScript提取XML数据 一旦从服务器中获得XML文档，下一步要做的工作就是使用JavaScript从该文档中提取XML数据。我们可以使用节点、节点属性或DOM方法获取。除了使用XML元素的值之外，还可以提取XML属性的值。 5.2 使用JavaScript提取XML数据 使用节点 JavaScript包括内置节点属性，可以使用这些属性访问XML文档中的节点。也可以使用documentElement属性访问XML文档的根元素。其他节点属性包含的家族如下所示： firstChild: 第一个子节点； lastChild:最后一个子节点； nextSibling:下一个同属（兄弟）节点； previousSibling:前一个兄弟节点； childNodes:子节点数组 nodeName:节点名称 nodeValue:节点值 nodeType:节点类型，类型值见下表： 5.2 使用JavaScript提取XML数据 5.2 使用JavaScript提取XML数据 例1，要访问上例中classes.xml 文档中的根元素名称，可以将上例index.htm程序中红色字符代码改为： alert(xmlDocument.documentElement.nodeName); 则单击按钮后，屏幕弹出如下警示框，显示出classes.xml根元素的名称：classes: 5.2 使用JavaScript提取XML数据 例2，还可以利用已经得到的变量xmlDocument获得XMLHttpRequest对象的requestXML属性： var rootNode = xmlDocument.documentElement; 可以根据家族关系访问该文档中最后一个class元素的文本节点值， var classNode = rootNode.lastChild; //即class，classes最后一个子元素 var titleNode = classNode.lastChild; //class元素的最后一个子元素是title var titleText = titleNode.firstChild; //获得title的首个子元素，即它的文本节点 var titleValue = titleText.nodeValue; //获得title 的文本值 将index.htm中红色代码替换成上面的5行代码，则点