JavaScript可通过AJAX异步获取并解析XML数据，首先创建XMLHttpRequest对象发送GET请求，如xhr.open('GET', 'data.xml', true)；接着通过onload事件判断xhr.status为200且xhr.responseXML有效后，获取XMLDocument对象；最后利用DOM方法如getElementsByTagName遍历节点，提取book元素的id、title和author等信息，完成数据解析与处理。
JavaScript可以通过AJAX异步请求获取并解析XML数据，整个过程包括创建XMLHttpRequest对象、发送请求、接收响应以及解析XML格式的数据。虽然现在JSON更常用，但在一些老系统或特定接口中，XML仍是标准的数据交换格式。
创建XMLHttpRequest并发送请求
要获取XML数据，首先要创建一个XMLHttpRequest对象，然后配置并发送GET请求到指定的XML文件或接口。
示例代码：
const xhr = new XMLHttpRequest();
xhr.open('GET', 'data.xml', true);
xhr.send();
其中，true表示请求是异步的。请求发出后，通过监听onload事件来处理服务器返回的数据。
处理响应并检查数据类型
当服务器响应完成，XMLHttpRequest会将响应内容自动解析为XMLDocument对象（前提是响应Content-Type正确且内容为合法XML）。
立即学习“Java免费学习笔记（深入）”；
可以通过以下方式判断和使用响应数据：
- xhr.responseXML：直接获取解析后的XML文档对象，如果响应不是有效XML，则为null
- xhr.responseText：获取原始文本字符串，可用于手动解析或调试
xhr.onload = function() {
if (xhr.status === 200 && xhr.responseXML) {
const xmlDoc = xhr.responseXML;
// 开始解析XML数据
parseXMLData(xmlDoc);
} else {
console.error('加载XML失败或数据无效');
}
};
解析XML文档中的数据
获取到XMLDocument对象后，可以使用DOM方法遍历和提取所需信息。
假设XML内容如下：
解析代码：JavaScript高级程序设计 Nicholas Zakas 你不知道的JavaScript Kyle Simpson
function parseXMLData(xmlDoc) {
const books = xmlDoc.getElementsByTagName('book');
for (let i = 0; i < books.length; i++) {
const title = books[i].getElementsByTagName('title')[0].textContent;
const author = books[i].getElementsByTagName('author')[0].textContent;
const id = books[i].getAttribute('id');
console.log(`ID: ${id}, 书名: ${title}, 作者: ${author}`);
}
}
这里使用了getElementsByTagName和getAttribute等DOM方法来提取节点内容和属性值。
处理跨域与错误情况
如果XML文件与当前页面不在同一域名下，需确保服务器支持CORS，否则浏览器会阻止请求。
同时建议添加onerror和onreadystatechange处理网络错误或超时：
xhr.onerror = function() {
console.error('请求出错');
};
xhr.ontimeout = function() {
console.error('请求超时');
};
基本上就这些。只要XML格式正确、接口可访问，JavaScript就能成功获取并解析它。虽然现在多数API使用JSON，但掌握XML处理对维护旧项目或对接特定服务仍然很有用。
