js 实现加载xml
加载 XML 的方法
在 JavaScript 中加载 XML 文件可以通过多种方式实现，以下是常见的几种方法：
使用 XMLHttpRequest
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.xml', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var xmlDoc = xhr.responseXML;
console.log(xmlDoc);
}
};
xhr.send();使用 Fetch API
fetch('example.xml')
.then(response => response.text())
.then(str => (new DOMParser()).parseFromString(str, 'text/xml'))
.then(xml => console.log(xml));使用 DOMParser
var parser = new DOMParser();
var xmlString = '<root><item>value</item></root>';
var xmlDoc = parser.parseFromString(xmlString, 'text/xml');
console.log(xmlDoc);使用 ActiveXObject（仅限 IE）
var xmlDoc = new ActiveXObject('Microsoft.XMLDOM');
xmlDoc.async = false;
xmlDoc.load('example.xml');
console.log(xmlDoc);解析 XML 数据
加载 XML 后，可以使用 DOM 方法解析数据：
var items = xmlDoc.getElementsByTagName('item');
for (var i = 0; i < items.length; i++) {
console.log(items[i].textContent);
}注意事项
- 跨域请求需要服务器配置 CORS 头
- 现代浏览器推荐使用 Fetch API 或 XMLHttpRequest
- IE 需要使用 ActiveXObject，但已不推荐使用
