// 创建一个 XMLHttpRequest 对象
var xhttp = new XMLHttpRequest();
// 定义处理加载完成事件的回调函数
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 当 XML 文档加载完成时执行的回调函数
parseXml(this);
}
};
// 打开并发送请求
xhttp.open("GET", "your_xml_file.xml", true);
xhttp.send();
// 解析 XML 文档
function parseXml(xml) {
var xmlDoc = xml.responseXML;
// 在这里可以访问和处理 xmlDoc,例如获取节点、修改节点等
// 输出 XML 内容
var xmlString = new XMLSerializer().serializeToString(xmlDoc);
console.log(xmlString);
}
在这个例子中,首先创建了一个XMLHttpRequest对象。接着,定义了一个回调函数onreadystatechange,该函数在XML文档加载完成时被调用。在这个回调函数中,通过this.readyState和this.status检查请求状态和HTTP状态码,确保文档加载成功。
然后,使用open方法指定请求类型(GET)、文件路径("your_xml_file.xml")和是否异步(true)。最后,使用send方法发送请求。
一旦文档加载完成,回调函数parseXml会被调用,可以在这里访问和处理XML文档。在这个例子中,简单地输出XML内容,但你可以根据实际需求进行更复杂的操作,比如获取节点、修改节点、添加节点等。
请确保替换文件路径"your_xml_file.xml"为实际的XML文件路径。此外,如果XML文档与你的脚本位于不同的域(跨域请求),你可能需要处理CORS(跨域资源共享)或使用其他方法。
转载请注明出处:http://www.zyzy.cn/article/detail/14575/XML DOM