js实现的解析xml文件和xml字符串代码实例

js实现的解析xml文件代码实例:
下面分享一段代码实例，它实现了对xml文件的解析作用。
代码如下:

loadXML = function(xmlFile){
  var xmlDoc=null;
  //判断浏览器的类型
  //支持IE浏览器
  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);
        break;
      }
          catch(e){
      }
    }
  }
  //支持Mozilla浏览器
  else if(document.implementation && document.implementation.createDocument){
    try{
      /* document.implementation.createDocument(‘‘,‘‘,null); 方法的三个参数说明
      * 第一个参数是包含文档所使用的命名空间URI的字符串；
      * 第二个参数是包含文档根元素名称的字符串；
      * 第三个参数是要创建的文档类型（也称为doctype）
      */
      xmlDoc = document.implementation.createDocument(‘‘,‘‘,null);
    }
        catch(e){}
  }
  else{
    return null;
  }
  if(xmlDoc!=null){
    xmlDoc.async = false;
    xmlDoc.load(xmlFile);
  }
  return xmlDoc;
}

js解析XML字符串:

loadXML = function(xmlString){
  var xmlDoc=null;
  //判断浏览器的类型
  //支持IE浏览器
  if(!window.DOMParser && window.ActiveXObject){ //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){}
    }
  }
  //支持Mozilla浏览器
  else if(window.DOMParser && document.implementation && document.implementation.createDocument){
    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;
}

xml文件代码:

<?xml version="1.0" encoding="utf-8" ?>
<DongFang>
  <Company>
    <cNname>1</cNname>
    <cIP>1</cIP>
  </Company>
  <Company>
    <cNname>2</cNname>
    <cIP>2</cIP>
  </Company>
  <Company>
    <cNname>3</cNname>
    <cIP>3</cIP>
  </Company>
  <Company>
    <cNname>4</cNname>
    <cIP>4</cIP>
  </Company>
  <Company>
    <cNname>5</cNname>
    <cIP>5</cIP>
  </Company>
  <Company>
    <cNname>6</cNname>
    <cIP>6</cIP>
  </Company>
</DongFang>

使用方法:

var xmldoc=loadXML(text.xml)
var elements = xmlDoc.getElementsByTagName("Company");
for (var i = 0; i < elements.length; i++) {
  var name = elements[i].getElementsByTagName("cNname")[0].firstChild.nodeValue;
  var ip = elements[i].getElementsByTagName("cIP")[0].firstChild.nodeValue;
}

以上方法适合IE，下面我们来探讨下IE和火狐浏览器下解析XML的问题
分别针对ie和火狐分别作了对xml文档和xml字符串的解析，所有代码都注释掉了，想看哪部分功能，
去掉注释就可以了。
至于在ajax环境下解析xml，其实原理是一样的，只不过放在了ajax里，还是要对返回的xml进行解析。

//解析xml文档/////////////////////////////////////////////////////
var xmlDoc=null; 

//支持IE浏览器
if(window.ActiveXObject){
  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
//支持Mozilla浏览器
else if(document.implementation && document.implementation.createDocument){
  xmlDoc = document.implementation.createDocument(‘‘,‘‘,null);
}
else{
 alert("here");
}
if(xmlDoc!=null){
  xmlDoc.async = false;
  xmlDoc.load("house.xml");
} 

//ie和火狐不仅解析器不一样，解析过程也不一样。如下;
//ie解析xml文档
//alert(xmlDoc.getElementsByTagName("address")[0].childNodes[0].childNodes[0].childNodes[0].nodeValue);//弹出150万
//alert(xmlDoc.getElementsByTagName("address")[0].childNodes[0].childNodes[1].childNodes[0].nodeValue);//弹出一室三居 

//层层遍历解析childNodes[1]
//alert(xmlDoc.childNodes[1].childNodes[1].childNodes[0].childNodes[0].nodeValue);//弹出200万
//alert(xmlDoc.childNodes[1].childNodes[0].childNodes[0].childNodes[0].nodeValue);//弹出150万
//alert(xmlDoc.childNodes[1].childNodes[0].childNodes[1].childNodes[0].nodeValue);//弹出一室三居 

//还可以用item(i)进行遍历
//var nodes=xmlDoc.documentElement.childNodes;
//alert(nodes.item(0).childNodes.item(0).childNodes.item(0).text); //弹出150万
//alert(nodes.item(0).childNodes.item(1).childNodes.item(0).text); //弹出一室三居 

//火狐解析xml文档
//火狐浏览器和ie解析xml不一样节点的值用textContent。
//并且他会在有的层次child节点前后都加上"\n"换行符。（这个搞不清楚为什么，用firebug调试的时候就是这个样子，所以写过的代码最好测试一下，换个环境就不对了）
//也就是说第1个节点是"\n",第2个节点才是真正的第一个节点。
//第3个节点是"\n",第4个节点才是真正的第二个节点。
//层层获取解析childNodes[0]
//alert(xmlDoc.childNodes[0].childNodes[1].childNodes[1].textContent);//弹出150万
//alert(xmlDoc.childNodes[0].childNodes[1].childNodes[3].textContent);//弹出一室三居 

//直接获取节点名解析getElementsByTagName("address")
//alert(xmlDoc.getElementsByTagName("address")[0].textContent);//弹出150万 一室三居 200万 300万
//alert(xmlDoc.getElementsByTagName("address")[0].childNodes[1].textContent);//弹出150万 一室三居
//alert(xmlDoc.getElementsByTagName("address")[0].childNodes[1].childNodes[1].textContent);//弹出150万
//alert(xmlDoc.getElementsByTagName("address")[0].childNodes[1].childNodes[3].textContent);//弹出一室三居
//alert(xmlDoc.getElementsByTagName("address")[0].childNodes[3].textContent);//弹出200万  

//火狐也可以用item(1)函数遍历，注意也是有的层次节点前后都加了节点"\n"。
//第一个节点是item(1)，第二个节点是item(3)，第三个节点是item(5)
//item(1)函数遍历解析
//var nodes=xmlDoc.documentElement.childNodes;
//alert(nodes.item(1).textContent); //弹出150万 一室三居
//alert(nodes.item(1).childNodes.item(1).textContent); //弹出150万
//alert(nodes.item(1).childNodes.item(3).textContent); //一室三居  

//解析xml字符串/////////////////////////////////////////////////////////////////////////
var str="<car>"+
"<brand><price>50万</price><pattern>A6</pattern></brand>"+
"<brand><price>65万</price><pattern>A8</pattern></brand>"+
"<brand><price>17万</price></brand>"+
"</car>"; 

//跨浏览器，ie和火狐解析xml使用的解析器是不一样的。
var xmlStrDoc=null;
if (window.DOMParser){// Mozilla Explorer
 parser=new DOMParser();
 xmlStrDoc=parser.parseFromString(str,"text/xml");
}else{// Internet Explorer
 xmlStrDoc=new ActiveXObject("Microsoft.XMLDOM");
 xmlStrDoc.async="false";
 xmlStrDoc.loadXML(str);
} 

//ie解析xml字符串
//alert(xmlStrDoc.getElementsByTagName("car")[0].childNodes[0].childNodes[0].childNodes[0].nodeValue);//弹出50万
//alert(xmlStrDoc.getElementsByTagName("car")[0].childNodes[0].childNodes[1].childNodes[0].nodeValue);//弹出A6 

//还可以用item(i)进行遍历
//var strNodes=xmlStrDoc.documentElement.childNodes;
//alert(strNodes.item(0).childNodes.item(0).childNodes.item(0).text); //弹出50万
//alert(strNodes.item(0).childNodes.item(1).childNodes.item(0).text); //弹出A6 

//火狐解析xml字符串
//火狐浏览器和ie解析xml不一样节点的值用textContent。
//并且他会在有的层次child节点前后都加上"\n"换行符。
//也就是说第1个节点是"\n",第2个节点才是真正的第一个节点。
//第3个节点是"\n",第4个节点才是真正的第二个节点。
//alert(xmlStrDoc.childNodes[0].childNodes[1].textContent);//弹出65万 A8
//alert(xmlStrDoc.childNodes[0].childNodes[1].childNodes[1].textContent);//A8
//alert(xmlStrDoc.childNodes[0].childNodes[1].childNodes[0].textContent);//弹出65万 

//火狐也可以用item(1)函数遍历，注意也是有的层次节点前后都加了节点"\n"。
//第一个节点是item(1)，第二个节点是item(3)，第三个节点是item(5)
//var nodes=xmlStrDoc.documentElement.childNodes;
//alert(nodes.item(1).textContent); //弹出65万 A8
//alert(nodes.item(1).childNodes.item(0).textContent); //弹出65万
//alert(nodes.item(1).childNodes.item(1).textContent); //弹出A8

其中xml每个节点所在层次是最烦人的问题，只能一次次去试，只要出来一个正确的，
就很好确定节点的层次关系了，或者debug一下。
感觉这方面json还是更好阅读和理解。
这个解析太费劲！

文档house.xml内容如下：

<?xml version="1.0" encoding="utf-8" ?>
<address>
  <city name="北京">
    <price>150万</price>
    <type>一室三居</type>
  </city>
  <city name="上海">
    <price>200万 </price>
  </city>
  <city name="杭州">
    <price>230万</price>
  </city>
  <city name="南京"></city>
</address>

原文地址是http://www.softwhy.com/forum.php?mod=viewthread&tid=17749

更多内容可以参阅http://www.softwhy.com/jsshili/

时间： 2024-10-15 20:22:32

js实现的解析xml文件和xml字符串代码实例的相关文章

Android项目中的config.xml文件 “config.xml”

Android应用程序需要保存一些配置时,可以将这些配置项放置到values/config.xml文件中. 实例分析: <?xml version="1.0" encoding="utf-8"?> <!-- /* ** Copyright 2009, The Android Open Source Project ** ** Licensed under the Apache License, Version 2.0 (the "Lice

C#-XML文件提取字符串+字符串存为XML文件+创建XML（自定义节点）文件+读取节点内容

一.将字符串写入xml文件(并保存) 写入: XmlDocument xdoc = new XmlDocument(); xdoc.LoadXml("xmlstring"); 保存: xdoc.Save("pathsave.xml") 二.将xml文件赋值到字符串 读取xml文件: XmlDocument xdoc = new XmlDocument(); xdoc.Load("pathload.xml"); 返回字符串: xdoc.InnerX

xmlns:xsi ——是指xml文件遵守xml规范，xsi全名：xml schema instance

http://blog.sina.com.cn/s/blog_4b6f8d150100nx3e.html http://blog.csdn.net/iaiti/article/details/42263891 http://blog.csdn.net/qian_348840260/article/details/5396061 xmlns ——是XML NameSpace的缩写,因为XML文件的标签名称都是自定义的,自己写的和其他人定义的标签很有可能会重复命名,而功能却不一样,所以需要加上一个n

读取xml文件中的配置参数实例_java - JAVA

文章来源:嗨学网 敏而好学论坛www.piaodoo.com 欢迎大家相互学习 paras.xml文件 <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xm

js实现的可以自动刷新的时间日期代码实例

js实现的可以自动刷新的时间日期代码实例:可以自动刷新的时间日期效果在很多网页都在使用,因为能够让页面更加动感一些,也更加人性化,用户可以实时查看页面的时间,下面就通过代码实例介绍一下如何实现此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.sof

js指定时间之后跳转到指定页面代码实例

js指定时间之后跳转到指定页面代码实例:在某些场景下,需要网页在指定的时间后,网页能够自动跳转到指定页面,比如在无法找到指定网页的情况下,就会显示之前设置好的404页面,并且跳转到指定的页面,下面就是一段代码实现了此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="htt

JS解析XML文件和XML字符串

JS解析XML文件 <script type='text/javascript'>    loadXML = function(xmlFile){        var xmlDoc=null;        //判断浏览器的类型        //支持IE浏览器        if(!window.DOMParser && window.ActiveXObject){            var xmlDomVersions = ['MSXML.2.DOMDocument.

7.数据本地化CCString,CCArray,CCDictionary,tinyxml2，写入UserDefault.xml文件,操作xml，解析xml

 数据本地化 A CCUserDefault 系统会在默认路径cocos2d-x-2.2.3\projects\Hello\proj.win32\Debug.win32下生成一个名为UserDefault.xml.所有的key皆为char *型,value类型为bool intfloat double std::string. 读操作 bool getBoolForKey(const char* pKey); bool getBoolForKey(const char* pKey, bool

【jQuery】jQ处理xml文件和xml字符串

1.xml文件 <?xml version="1.0" encoding="utf-8" ?> <root> <book id="1"> <name>锋利的jQuery1</name> <author>XXX1</author> <price>250</price> </book> <book id="2&quo