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

首先,要写一个方法,把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>即可

原文地址:https://www.cnblogs.com/zhangliang88/p/12024176.html