使用XMLHttpRequest处理XML

发表时间:2007-10-02内容来源:开发者在线作者:Tony Patton

XMLHttpRequest对象提供的不仅仅是后台数据处理,它能够通过XML DOM提供处理XML的所有支持。通过XMLHttpRequest对象可以充分地处理XML。

上一周我见到一个例子,这一简单的例子演示了通过XMLHttpRequest object的一个基础元素,提供动态用户界面。由此,通过实时HTTP处理XML数据,我对这一概念进行拓展。

处理XML

虽然我看到的例子通过responseText方法只显示了文本文件的结果,但XMLHttpRequest可以很容易地处理XML文件。这一对象的responseText属性提供了访问XML很方便的途径,它返回HTTP的主体,以及一个XML Document Object Model (DOM)。

以下简单例子演示了XMLHttpRequest的用法。我们先看看一些XML例子,例子中使用到以上的XML,其通过使用两个children节点的根节点集中了公司联系方式。

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>

<response>

<telephone>502-000-0000</telephone>

<companyname>TechRepublic.com</companyname>

</response>

XML DOM

W3C已经指定了一个XML的标准文档对象模型。DOM是用于HTML和XML文档的程序开发接口,它能够让开发者访问和操作一个文档。开发者可以使用DOM建立和浏览文档。我们已经在前面的例子中使用到getElementsByTagName和firstChild,然而还有很多可利用的方法和属性,如下表所示:

  • Basename:返回一个节点的名称。
  • childNodes:返回包含选择节点的所有子节点的列表。
  • lastChild:返回当前节点的最后子节点。
  • nextSibling:返回当前节点之后的一个节点。如果二者是同一父母,则它们为同胞关系。
  • parentNode:返回一个节点的父母节点。如果是根节点,则返回Null。
  • text:返回一个节点及其子节点的文本内容。
  • xml:返回一个节点及其子节点的XML内容。
  • hasChildNodes:对一个节点是否包含子节点,返回相应的true或false。
  • nextNode:返回一个集合的下一节点。
  • previousNode:返回一个集合的前一节点。
  • selectNodes:返回与特定模式匹配的包含所有节点的一个NodeList对象。
  • selectSingleNode:返回与特定模式匹配的第一个子节点的节点对象。

例如,在第一例子中,我们使用selectSingleNode方法返回数据。Listing B中的Web页使用到了这方法。

Listing B

<html><head><title>TechRepublic.com Example</title>

<script type="text/javascript" language="JavaScript">

var obj;

function getData() {

document.body.style.cursor='wait';

if (window.XMLHttpRequest) {

obj = new XMLHttpRequest();

} else if (window.ActiveXObject) {

obj = new ActiveXObject("Microsoft.XMLHTTP");

}

var goUrl = "http://localhost/companies.xml";

obj.onreadystatechange = xmlReady;

obj.open("GET",goUrl, false );

obj.send();

document.body.style.cursor='auto';

}

function xmlReady() {

if (obj.readyState == 4) {

if (obj.status == 200) {

var xmldoc = obj.responseXML;

var node1 = xmldoc.selectSingleNode('response/telephone');

var node2 = xmldoc.selectSingleNode('response/companyname');

document.forms[0].telephone.value = node1.firstChild.data;

document.forms[0].cname.value = node2.firstChild.data;

} }

</script></head><body>

<form id="frmTest">

Company: <input type="text" name="cname" /><br />

Telephone: <input type="text" name="telephone" /><br />

<input type="button" value="Click" onclick="getData();" />

</form></body></html>

XML DOM使得XML数据处理变得很简单。你可以很容易地使用for循环,以及XML DOM方法和属性快速浏览一个XML文档的元素。

在网络中,有很多可利用的数据源提供给XML格式的数据,比如Amazon和Google。你可以使用XMLHttpRequest对象在一个Web页或程序中集成这些服务。

浏览器中的XML

虽然XMLHttpRequest对象是AJAX开发的关键,但它也可将XML导入到浏览器。通过使用不同的方法和属性,这一对象可以很容易地操作包含在XML文档中的数据。在以后的操作中,你可以使用XSL表单方式来显示数据。

本文作者Tony Patton的职业生涯始于应用程序开发员,并已经获得了Java、VB、Lotus和XML的认证,知识面非常宽广。

  • 站长资讯刊登此文只为传递信息,并不表示赞同或者反对作者观点。
  • 如果此内容给您造成了负面影响或者损失,本站不承担任何责任。
  • 如果内容涉及版权问题,请及时与我们取得联系。

文章评论

共有 位CH网友发表了评论 查看完整内容