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,然而还有很多可利用的方法和属性,如下表所示:
例如,在第一例子中,我们使用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 = "";
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的认证,知识面非常宽广。