js 实现加载xml

加载 XML 的方法

XMLHttpRequest
使用 XMLHttpRequest 对象可以异步加载 XML 文件。通过监听 onreadystatechange 事件，可以在数据加载完成后解析 XML。

const xhr = new XMLHttpRequest();
xhr.open('GET', 'example.xml', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    const xmlDoc = xhr.responseXML;
    console.log(xmlDoc);
  }
};
xhr.send();

Fetch API
fetch 是更现代的 API，支持 Promise，可以通过 text() 方法获取 XML 内容，再使用 DOMParser 解析。

fetch('example.xml')
  .then(response => response.text())
  .then(xmlString => {
    const parser = new DOMParser();
    const xmlDoc = parser.parseFromString(xmlString, 'text/xml');
    console.log(xmlDoc);
  });

DOMParser
直接解析 XML 字符串为 DOM 对象，适用于从字符串加载 XML。

const xmlString = '<root><item>Test</item></root>';
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(xmlString, 'text/xml');
console.log(xmlDoc);

注意事项
跨域请求需确保服务器允许 CORS。解析 XML 时需检查错误，避免格式问题导致解析失败。