1. 创建 XMLHttpRequest 对象：
var xhttp = new XMLHttpRequest();
2. 设置回调函数：
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 处理成功接收到的 XML 数据
var xmlDoc = this.responseXML;
processXml(xmlDoc);
}
};
3. 打开并发送请求：
xhttp.open("GET", "your_xml_file.xml", true);
xhttp.send();
4. 处理 XML 数据：
function processXml(xmlDoc) {
// 在这里进行对 XML 数据的处理
// 例如，获取节点、遍历元素等
}
下面是一个完整的例子，演示了如何使用 JavaScript 和 XMLHttpRequest 处理 XML 数据：
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 处理成功接收到的 XML 数据
var xmlDoc = this.responseXML;
processXml(xmlDoc);
}
};
xhttp.open("GET", "your_xml_file.xml", true);
xhttp.send();
function processXml(xmlDoc) {
// 获取 XML 中的节点示例
var titles = xmlDoc.getElementsByTagName("title");
// 遍历节点并输出内容
for (var i = 0; i < titles.length; i++) {
console.log("Title: " + titles[i].childNodes[0].nodeValue);
}
}
在这个例子中，通过 XMLHttpRequest 获取 XML 数据，然后使用 getElementsByTagName 获取所有 <title> 元素，最后遍历这些元素并输出它们的内容。
请确保你的 XML 文件和 JavaScript 文件在同一域，否则可能会遇到跨域访问的问题。如果需要处理跨域请求，可能需要考虑使用 CORS（跨源资源共享）或 JSONP（JSON with Padding）等技术。
转载请注明出处：http://www.pingtaimeng.com/article/detail/12122/XML