你的位置:首页 > Java教程

[Java教程]js实现的解析xml文件和xml字符串代码实例


js实现的解析下面分享一段代码实例,它实现了对代码如下:

loadfunction(var null; //判断浏览器的类型 //支持IE浏览器 if(!window.DOMParser && window.ActiveXObject){  var ];  for(var i=0;i<){   try{    = new ActiveXObject(break;   }     catch(e){   }  } } //支持Mozilla浏览器 else if(document.implementation && document.implementation.createDocument){  try{   /* document.implementation.createDocument('','',null); 方法的三个参数说明   * 第一个参数是包含文档所使用的命名空间URI的字符串;   * 第二个参数是包含文档根元素名称的字符串;   * 第三个参数是要创建的文档类型(也称为doctype)   */   = document.implementation.createDocument('','',null);  }    catch(e){} } else{  return null; } if(null){  = false;  return 

js解析

loadfunction(var null; //判断浏览器的类型 //支持IE浏览器 if(!window.DOMParser && window.ActiveXObject){ //window.DOMParser 判断是否是非ie浏览器  var ];  for(var i=0;i<){   try{    = new ActiveXObject(= false;    //load    break;   }catch(e){}  } } //支持Mozilla浏览器 else if(window.DOMParser && document.implementation && document.implementation.createDocument){  try{   /* DOMParser 对象解析 */   domParser = new DOMParser();   = domParser.parseFromString();  }catch(e){} } else{  return null; } return 

<??><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 loadvar elements = );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和火狐浏览器下解析分别针对ie和火狐分别作了对去掉注释就可以了。
至于在ajax环境下解析

//解析var null;  //支持IE浏览器 if(window.ActiveXObject){  =new ActiveXObject("Microsoft.); } //支持Mozilla浏览器 else if(document.implementation && document.implementation.createDocument){  = document.implementation.createDocument('','',null); } else{ alert("here"); } if(null){  = false;  "house.); }  //ie和火狐不仅解析器不一样,解析过程也不一样。如下; //ie解析//alert(//alert( //层层遍历解析childNodes[1] //alert(//alert(//alert( //还可以用item(i)进行遍历 //var nodes=//alert(nodes.item(0).childNodes.item(0).childNodes.item(0).text); //弹出150万 //alert(nodes.item(0).childNodes.item(1).childNodes.item(0).text); //弹出一室三居  //火狐解析//火狐浏览器和ie解析//并且他会在有的层次child节点前后都加上"\n"换行符。(这个搞不清楚为什么,用firebug调试的时候就是这个样子,所以写过的代码最好测试一下,换个环境就不对了) //也就是说第1个节点是"\n",第2个节点才是真正的第一个节点。 //第3个节点是"\n",第4个节点才是真正的第二个节点。 //层层获取解析childNodes[0] //alert(//alert( //直接获取节点名解析getElementsByTagName("address") //alert(//alert(//alert(//alert(//alert( //火狐也可以用item(1)函数遍历,注意也是有的层次节点前后都加了节点"\n"。 //第一个节点是item(1),第二个节点是item(3),第三个节点是item(5) //item(1)函数遍历解析 //var nodes=//alert(nodes.item(1).textContent); //弹出150万 一室三居 //alert(nodes.item(1).childNodes.item(1).textContent); //弹出150万 //alert(nodes.item(1).childNodes.item(3).textContent); //一室三居  //解析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和火狐解析var null; if (window.DOMParser){// Mozilla Explorer  parser=new DOMParser(); =parser.parseFromString(str,"text/); }else{// Internet Explorer  new ActiveXObject("Microsoft.); ="false"; //ie解析//alert(//alert(  //还可以用item(i)进行遍历 //var strNodes=//alert(strNodes.item(0).childNodes.item(0).childNodes.item(0).text); //弹出50万 //alert(strNodes.item(0).childNodes.item(1).childNodes.item(0).text); //弹出A6   //火狐解析//火狐浏览器和ie解析//并且他会在有的层次child节点前后都加上"\n"换行符。 //也就是说第1个节点是"\n",第2个节点才是真正的第一个节点。 //第3个节点是"\n",第4个节点才是真正的第二个节点。 //alert(//alert(//alert(  //火狐也可以用item(1)函数遍历,注意也是有的层次节点前后都加了节点"\n"。 //第一个节点是item(1),第二个节点是item(3),第三个节点是item(5) //var nodes=//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

其中就很好确定节点的层次关系了,或者debug一下。
感觉这方面json还是更好阅读和理解。
这个解析太费劲!

文档house.

<??> <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/