首頁 > web前端 > js教程 > 主體

js 解析xml实例

WBOY
發布: 2016-06-01 09:55:01
原創
1295 人瀏覽過

先贴上本实例需要用到的xml

<code><?xml version='1.0' encoding='gb2312'?>
<persons>
    <person>
        <name>z</name>
        <age>16</age>
        <weight>50</weight>
        <height>160</height>
    </person>
    <person>
        <name>李四</name>
        <age>17</age>
        <weight>51</weight>
        <height>165</height>
    </person>
    <person>
        <name>王二</name>
        <age>18</age>
        <weight>55</weight>
        <height>170</height>
    </person>
    <person>
        <name>javior</name>
        <age>20</age>
        <weight>68</weight>
        <height>179</height>
    </person>
</persons>

</code>
登入後複製

实例-:解析XML字符。

<code><script type="text/javascript">
function loadXmlString(xmlString){
    var xmlDoc=null;
    if(!window.DOMParser && window.ActiveXObject){   //判断浏览器的类型 支持IE浏览器 window.DOMParser 判断是否是非ie浏览器
        var xmlDomVersions = ['MSXML.2.DOMDocument.6.0','MSXML.2.DOMDocument.3.0','Microsoft.XMLDOM'];
        for(var i=0;i<xmlDomVersions.length;i++){
            try{
                xmlDoc = new ActiveXObject(xmlDomVersions[i]);
                xmlDoc.async = false;
                xmlDoc.loadXML(xmlString); //loadXML方法载入xml字符串
                break;
            }catch(e){
            }
        }
    }else if(window.DOMParser && document.implementation && document.implementation.createDocument){//支持Mozilla浏览器
        try{
            /* DOMParser 对象解析 XML 文本并返回一个 XML Document 对象。
             * 要使用 DOMParser,使用不带参数的构造函数来实例化它,然后调用其 parseFromString() 方法
             * parseFromString(text, contentType) 参数text:要解析的 XML 标记 参数contentType文本的内容类型
             * 可能是 "text/xml" 、"application/xml" 或 "application/xhtml+xml" 中的一个。注意,不支持 "text/html"。
             */
            domParser = new  DOMParser();
            xmlDoc = domParser.parseFromString(xmlString, 'text/xml');
        }catch(e){
        }
    }
    else{
        return null;
    }
    return xmlDoc;
}
</script></code>
登入後複製


实例二:解析XML文件。

<code><script type="text/javascript">
function loadXmlFile(xmlFile){
    var xmlDoc=null;
    if(!window.DOMParser && window.ActiveXObject){
        var xmlDomVersions = ['MSXML.2.DOMDocument.6.0','MSXML.2.DOMDocument.3.0','Microsoft.XMLDOM'];
        for(var i=0;i<xmlDomVersions.length;i++){
            try{
                xmlDoc = new ActiveXObject(xmlDomVersions[i]);
                break;
            }catch(e){
            }
        }
    }else if(document.implementation && document.implementation.createDocument){
        try{
            xmlDoc = document.implementation.createDocument('','',null);
        }catch(e){
        }
    }
    else{
        return null;
    }
    if(xmlDoc!=null){
        xmlDoc.async = false;
        xmlDoc.load(xmlFile);
    }
    return xmlDoc;
}
</script></code>
登入後複製


将xml文件或字符串转化为JS对象后,我们就可以使用xml dom来读取xml中的数据了。
代码如下:

<code><script type="text/javascript">
var persons=xml.getElementsByTagName("person");
var str="";
for(var i=0;i<persons.length;i++){
    var fc= persons[i];
    var name=fc.getElementsByTagName("name")[0].innerHTML;
    var age=fc.getElementsByTagName("age")[0].innerHTML;
    var weight=fc.getElementsByTagName("weight")[0].innerHTML;
    var height=fc.getElementsByTagName("height")[0].innerHTML;
    str+="name:"+name+"  age:"+age+"  weight:"+weight+"  height:"+height+"<br/>";
}
</script></code>
登入後複製

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板