正文

JS解析xml字符串，并把xml展示在HTML页面上

IP云
IP云V管理员/2 阅读
08/15
小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

首先，要写一个方法，把xml字符串转化成dom对象

//将字符串转化成dom对象;string转换为xml
function stringToXml(xmlString) {
var xmlDoc;
if (typeof xmlString == "string") {
//FF
if (document.implementation.createDocument) {
var parser = new DOMParser();
xmlDoc = parser.parseFromString(xmlString, "text/xml");
} else if (window.ActiveXObject) {
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = false;
xmlDoc.loadXML(xmlString);
}
}
else {
xmlDoc = xmlString;
}
return xmlDoc;
}

例如：xmlString = "<?xml version="1.0" encoding="UTF-8"?><messages><business><businessdata><result><report><![CDATA[校验报告HTML，内容保存成html文件后可直接查看]]></report></result></businessdata></business></messages>"

那么如何读取report节点下的值呢？ 必须用如下的方法读取，因为含有<![CDATA[ ]]>

var report= stringToXmlxmlString ).getElementsByTagName("report")[0].childNodes[0].nodeValue;

或者 report= stringToXmlxmlString ).getElementsByTagName("report")[0].childNodes[0].data;

如果没有<![CDATA[ ]]>

xmlString = "<?xml version="1.0" encoding="UTF-8"?><messages><result><report>校验报告HTML，内容保存成html文件后可直接查看</report></result></messages>"

var report = $(xmlString).find("report").text();就可以读取值

如果要在HTML页面上显示xml内容，只需要把xml字符串的内容放入到 标签<xmp></xmp>即可