学习笔记:
一、 解析XML文档:
1.使用 XMLHttpRequest 对象,将xml文档放入XML DOM对象中:
xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","books.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
这种方法适用于除IE5、IE6之外的任何场景。
2. 最佳实践是使用现代的 Fetch API 来异步加载 XML 文件,并使用 DOMParser 对象来解析 XML 数据。这种方法更加简洁、灵活,并且更符合现代 Web 开发的标准。
// 指定要加载的 XML 文件路径
var url = "note.xml";// 使用 Fetch API 异步加载 XML 文件
fetch(url).then(response => {if (!response.ok) {throw new Error('Network response was not ok');}return response.text();}).then(xmlString => {// 创建一个新的 DOMParser 对象var parser = new DOMParser();// 使用 DOMParser 对象解析 XML 数据var xmlDoc = parser.parseFromString(xmlString, "text/xml");// 在这里可以处理解析后的 xmlDoc 对象console.log(xmlDoc);}).catch(error => {console.error('There was a problem with the fetch operation:', error);});
3. 使用 ActiveXObject 对象,通过微软解析器来加载xml (仅限于IE浏览器)
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load("note.xml");
创建空的XML文档对象,关闭异步加载,加载note.xml文档。
注意:创建XMLHttpRequest 对象是new ActiveXObject("Microsoft.XMLHTTP"),这个写法仅适用于IE5、IE6场景,已经过时,不再关注;
而创建微软的xml文档对象是new ActiveXObject("Microsoft.XMLDOM"),这个是在所有IE浏览器中都可以使用的,但是使用场景也不大,仅限于IE浏览器,尽量不使用。
二、 解析字符串
var xmlString = `
<note><to>Tove</to><from>Jani</from><heading>Reminder</heading><body>Don't forget me this weekend!</body>
</note>`;if (window.DOMParser) {var parser = new DOMParser();try {// 使用DOMParser对象解析XML字符串var xmlDoc = parser.parseFromString(xmlString, "text/xml");// 检查解析后的XML文档是否有效if (xmlDoc.documentElement.nodeName == "parsererror") {throw new Error("Error while parsing XML string");}// 在这里可以处理解析后的xmlDoc对象console.log(xmlDoc);} catch (error) {console.error("Error loading XML string:", error);}
}
else // IE,实际使用中不用
{var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");xmlDoc.async = "false";xmlDoc.loadXML(xmlString);
}
loadXML() 方法用于加载字符串(文本),load() 用于加载文件。