当前位置：首页 > JavaScript

js 实现加载xml

2026-03-15 15:13:54JavaScript

加载 XML 的方法

使用 XMLHttpRequest

XMLHttpRequest 是传统的 AJAX 方法，适用于所有现代浏览器。

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

js 实现加载xml

Fetch API 是现代浏览器支持的更简洁的方法。

fetch('example.xml')
    .then(response => response.text())
    .then(str => (new DOMParser()).parseFromString(str, 'text/xml'))
    .then(xmlDoc => console.log(xmlDoc))
    .catch(error => console.error('Error loading XML:', error));

使用 DOMParser

js 实现加载xml

如果需要从字符串解析 XML，可以使用 DOMParser。

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

注意事项

确保 XML 文件的 MIME 类型正确（通常为 text/xml 或 application/xml）。
跨域请求时，服务器需要配置 CORS 头。
处理 XML 文档时，可以使用 DOM 方法如 getElementsByTagName 或 XPath 查询。

示例：解析 XML 内容

const xmlDoc = parser.parseFromString(xmlString, 'text/xml');
const elements = xmlDoc.getElementsByTagName('element');
for (let i = 0; i < elements.length; i++) {
    console.log(elements[i].textContent);
}

这些方法覆盖了从网络加载 XML 和从字符串解析 XML 的主要场景。