使用JavaScript文章读取和显示服务器端XML-第1部分

XML在Web服务中扮演着至关重要的角色，结合多种客户端和服务器端语言，可以发挥出强大的作用。本文将探讨如何使用XML和客户端JavaScript来显示XML文件内容、访问子元素、操作元素等。

浏览器兼容性问题

在客户端语言中，浏览器兼容性是一个主要问题。对于XML和JavaScript的组合，问题主要在于XML：并非所有浏览器都支持解析XML文档。

以下代码示例基于IE6。不支持XML的浏览器无法读取这些代码，因此在这些浏览器中查看XML文件时，浏览器将忽略所有标签。

XML文件示例

以下是一个示例XML文件，展示了公司员工数据和营业额：

<?xml version="1.0" ?>
<company>
  <employee age="19" sex="M">Premshree Pillai</employee>
  <employee age="24" sex="M">Kumar Singh</employee>
  <employee age="21" sex="M">Ranjit Kapoor</employee>
  <turnover>
    <year>100,000</year>
    <year>140,000</year>
    <year>200,000</year>
  </turnover>
</company>

使用JavaScript操作XML文件数据

加载XML文件

您可以通过以下JavaScript代码加载XML文件：

var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");

function loadXML(xmlFile) {
  xmlDoc.async = "false";
  xmlDoc.onreadystatechange = verify;
  xmlDoc.load(xmlFile);
  xmlObj = xmlDoc.documentElement;
}

实际上，函数的最后两行就足以加载XML文件。前两行确保我们之后用来操作XML文件数据的任何JavaScript函数都不会对未初始化的对象执行任何操作。因此，调用verify()函数：

function verify() {
  // 0 对象未初始化
  // 1 对象正在加载数据
  // 2 对象已加载数据
  // 3 可以处理对象中的数据
  // 4 对象完全初始化
  if (xmlDoc.readyState != 4) {
    return false;
  }
}

现在可以加载XML文件了：

loadXML('xml_file.xml');

显示XML文件内容

使用alert(xmlObj.xml);查看XML文件的全部内容。整个XML文件将按原样显示在警告框中，并带有适当的缩进。

子元素和节点

在上面的XML文件中，<company></company>是顶级标签，所有其他标签都在其下。这些标签称为子元素。此XML文件可以用文件夹树的形式图形化表示：

在上面的XML文件中，顶级标签<company></company>有4个子元素。

子元素的编号（在所有语言中通常如此）从0（零）开始。<turnover></turnover>标签下有3个子元素。

我们可以使用childNodes.length属性找到标签具有的子元素数量。因此，<company></company>标签的子元素数量（此处为4）可以通过xmlObj.childNodes.length找到。

<turnover></turnover>标签的子元素数量（此处为3）可以通过xmlObj.childNodes(3).childNodes.length找到。

我们在这里使用childNodes(3)，因为<turnover></turnover>是<company></company>的第3个子元素。

测试子元素

您可以使用childNodes(i).hasChildNodes测试特定节点子元素是否具有任何子元素。

因此，xmlObj.childNodes(3).hasChildNodes()将返回true。xmlObj.childNodes(2).hasChildNodes()将返回false，因为<employee></employee>标签没有任何子元素。

获取标签名称

您可以使用childNodes(i).tagName获取子元素的标签名称。因此，xmlObj.tagName将返回“company”。xmlObj.childNodes(0).tagName将返回“employee”。xmlObj.childNodes(3).childNodes(0).tagName将返回“year”。

显示标签的内容

在XML文件中，第一个<employee></employee>标签的内容是“Premshree Pillai”。您可以使用xmlObj.childNodes(0).firstChild.text获取此值。

<?xml version="1.0" ?>
<company>
  <employee age="19" sex="M">Premshree Pillai</employee>
  <employee age="24" sex="M">Kumar Singh</employee>
  <employee age="21" sex="M">Ranjit Kapoor</employee>
  <turnover>
    <year>100,000</year>
    <year>140,000</year>
    <year>200,000</year>
  </turnover>
</company>

属性

在XML文件中，<employee></employee>标签有3个属性。可以使用childNodes(i).getAttribute("AttributeName")访问属性。因此，xmlObj.childNodes(0).getAttribute("id")将返回“001”。xmlObj.childNodes(1).getAttribute("age")将返回“24”。xmlObj.childNodes(2).getAttribute("sex")将返回“F”。

...(后续内容，包括FAQ部分，可以根据同样的方式进行改写，保持原意，调整措辞和句式。)

以上是使用JavaScript文章读取和显示服务器端XML-第1部分的详细内容。更多信息请关注PHP中文网其他相关文章！