JS循环读取XML解决方案-JavaSript-爱易网页

JS循环读取XML解决方案

日期：2014-05-16　浏览次数：20473 次

JS循环读取XML

XML code

<pitems>
  <plist>
    <shopinfo id="1"  lat="40.81" lng="111.6" cityname="呼和浩特市1" />
    <shopinfo id="2"  lat="40.81" lng="111.6" cityname="呼和浩特市2" />
  </plist>
</pitems>

------解决方案--------------------

HTML code


<html>
<head>
<script language="javascript" type="text/javascript"> 

function parseXML(){
 XmlDoc=new ActiveXObject("Microsoft.XmlDOM"); //初始化，给上述定义变量赋值 
 xml="x.xml";//需要读取的xml文件 
 XmlDoc.async = false;
 XmlDoc.load(xml);
getvalue();
}
       
function getvalue() {
  var ListDesc="";
  nodes=XmlDoc.documentElement.childNodes; 
  for(i=0;i<nodes.length;i++){ 


    window.document.getElementById('date').innerHTML=nodes.item(i).childNodes.item(0).text+"&nbsp;&nbsp;"+
    window.document.getElementById('date').innerHTML;
    window.document.getElementById('city').innerHTML=nodes.item(i).childNodes.item(1).text+"&nbsp;&nbsp;"+
    window.document.getElementById('city').innerHTML;
    window.document.getElementById('url').innerHTML=nodes.item(i).childNodes.item(2).text+"&nbsp;&nbsp;"+
    window.document.getElementById('url').innerHTML;

    ListDesc=nodes.item(i).childNodes(0).text+"&nbsp;"+nodes.item(i).childNodes(1).text+"&nbsp;&nbsp;"
    +nodes.item(i).childNodes(2).text+"<br><hr/>"
    +ListDesc;

    }

   list.innerHTML=ListDesc; 

} 

</script> 
</head>

<body onload="parseXML()">
DATE=<span id="date" ></span><br/><hr/>
CITY=<span id="city" ></span><br/><hr/>
URL=<span id="url" ></span><br/><hr/>

<div id="list">loading....</div>
</body>
</html>



x.xml

<?xml version="1.0" encoding="gb2312" ?> 
<root> 
<citymessage> 
<date>2010年1月1日</date> 
<city>北京</city> 
<url>http://www.baidu.com/</url> 
</citymessage> 
<citymessage> 
<date>2010年2月2日</date> 
<city>香港</city> 
<url>http://www.2345.com/</url> 
</citymessage>
<citymessage> 
<date>2010年3月3日</date> 
<city>湖北</city> 
<url>http://www.163.com/</url> 
</citymessage>
<citymessage> 
<date>2010年4月4日</date> 
<city>澳门</city> 
<url>http://www.qq.com/</url> 
</citymessage>
</root>

------解决方案--------------------
参见：JavaScript/jQuery加载xml文档

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

JS循环读取XML解决方案

相关资料更多>

推荐阅读更多>