JS读取XML文件数据并以table形式显示数据的方法

一、读取XML文件

我们需要使用JavaScript的内置功能来读取XML文件。我们可以使用XMLHttpRequest对象来获取XML文件的内容。这是一个基本的示例：

```javascript

var xmlDoc = null; // XML文件的引用变量

if (window.XMLHttpRequest) { // 检查XMLHttpRequest对象是否存在

var xhr = new XMLHttpRequest(); // 创建新的XMLHttpRequest对象实例

xhr.open("GET", "example.xml", true); // 设置请求方法，URL以及异步标志为true（可选）

xhr.send(); // 发送请求获取XML文件内容

xhr.onload = function () { // 当请求成功完成时执行此函数

xmlDoc = xhr.responseXML; // 获取返回的XML文档内容并存储在变量xmlDoc中

}

} else { // 如果浏览器不支持XMLHttpRequest对象，可能需要考虑其他解决方案来读取XML文件

// 提示用户浏览器不支持XMLHttpRequest对象或其他处理代码...

}

```

```javascript

var data = xmlDoc.getElementsByTagName('your_xml_node'); // 获取你的XML节点数据数组

for (var i = 0; i < data.length; i++) { // 循环遍历每一个节点数据项

让我们先浏览一下这个XML文件的内容：

```xml

张秋丽

女

18

```

接下来是一个ASPX页面的代码示例，它利用JavaScript读取并展示XML中的数据：

```aspx

<%@ Page Language="C" AutoEventWireup="true" CodeBehind="获取数据库数据生成XML.aspx.cs" Inherits="Chapter1.获取数据库数据生成XML" %>