使用DOM读取XML数据
时间: 2023-09-12 19:07:29 浏览: 92
可以使用JavaScript中的DOM(Document Object Model)来读取XML数据。以下是一个简单的示例:
```js
// 创建一个XMLHttpRequest对象
var xhttp = new XMLHttpRequest();
// 指定要读取的XML文件路径
xhttp.open("GET", "example.xml", true);
// 发送请求
xhttp.send();
// 当响应状态改变时执行的函数
xhttp.onreadystatechange = function() {
// 如果响应状态为4(请求完成)且响应状态码为200(请求成功)
if (this.readyState == 4 && this.status == 200) {
// 将XML文本解析为DOM对象
var xmlDoc = this.responseXML;
// 获取XML元素并进行操作
var items = xmlDoc.getElementsByTagName("item");
for (var i = 0; i < items.length; i++) {
var title = items[i].getElementsByTagName("title")[0].childNodes[0].nodeValue;
console.log(title);
}
}
};
```
在上面的示例中,我们使用XMLHttpRequest对象向服务器请求XML文件。当响应状态改变时,我们检查响应状态码和状态,如果请求成功,我们将XML文本解析为DOM对象并使用getElementsByTagName方法获取XML元素。然后,我们可以使用childNodes和nodeValue属性操作这些元素。
阅读全文