zoukankan      html  css  js  c++  java
  • 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>即可

  • 相关阅读:
    Kinect 开发 —— 硬件设备解剖
    Kinect 开发 —— 引言
    (转)OpenCV 基本知识框架
    OpenCV —— 摄像机模型与标定
    OpenCV —— 跟踪与运动
    OpenCV —— 图像局部与分割(二)
    OpenCV —— 图像局部与部分分割(一)
    OpenCV —— 轮廓
    OpenCV —— 直方图与匹配
    OpenCV —— 图像变换
  • 原文地址:https://www.cnblogs.com/zhangliang88/p/12024176.html
Copyright © 2011-2022 走看看