(转载) 用JS读取XML文件

本文介绍了一种使用JavaScript解析XML数据的方法,并展示了如何利用解析出的数据动态生成HTML表格。通过函数getXMLArray和getvalue实现了从XML中抽取指定路径的数据,并通过AddTb函数将这些数据插入到HTML表格中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<html>
<head><title>测试</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
<*** language="java***">
function getXMLArray(xmlDoc, name) {
    var keys = name.split('.');
    var node = xmlDoc.documentElement;      // 得到根节点
    var rtn = new Array();
    var n = 0;
 
    for(var i=0; i
<keys.length; i++) {
      var childs 
= node.childNodes;       // 得到子节点
      var key 
= keys[i];
    
for(var k=0; k<childs.length; k++) {      
      var child 
= childs[k];
      
if(child.nodeName == key) {     // 判断子节点是否符合
     if(i 
== keys.length-1) {
             rtn[n] 
= child;
       
n++;
     } else {
       node 
= child;
       
break;
     }
      }
    }
     }
    return rtn;

function getvalue(node, name) {
  var keys 
= name.split('.');
  
  
for(var i=0; i<keys.length; i++) {
    var childs 
= node.childNodes;       // 得到子节点
    var key 
= keys[i];
 
for(var k=0; k<childs.length; k++) {      
   var child 
= childs[k];
   
if(child.nodeName == key) {     // 判断子节点是否符合
  if(child.childNodes.length 
== 1) {         
    // 如果没有字节点,返回值
    return child.text;
  } else {                                 
    // 还有子节点,继续分析
    node 
= child;
    
break;
  }
   }
 }
  }


  return "";
}
function AddTb(){
 var xmlDoc 
= new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async 
= false;

  
xmlDoc.loadXML("<?xml version='1.0' encoding='utf-8'?><ekuy><user><name><cnname>小猪</cnname></name><age>27</age></user><user><name><cnname>小霞</cnname></name><age>26</age></user><user><name><cnname>小章</cnname></name><age>25</age></user></ekuy>");

  var list = getXMLArray(xmlDoc, 'user');
  
 var num=3;//num是行数:得到传来的XML值的节点数
 table0.insertRow(table0.rows.length);
 table0.rows.item(table0.rows.length -1).insertCell(0);
 var xx=table0.rows.length -1 ;//-1
 var sHTML;//用来保存欲生成的表格对象或其他类型对象的代码
 var tr= "";
 for(var j = 0 ; j 
< num ;j++){
  var obj 
= list[j];
  
tr =  '<tr><td>'+ getvalue(obj, 'name.cnname')+'</td><td>'
      + getvalue(obj, 'age') +'
</td></tr>'+tr;
  }
 sHTML='
<TABLE border="1"  width="100%"> ' + tr + '</TABLE>';
 table0.rows.item(table0.rows.length-1).cells.item(0).innerHTML=sHTML;
// table0.rows.item(table0.rows.length-1).cells.item(0).children.item(0).rows.item(3).cells.item(0).children.item(0).text=xx;
}

</***>
<body onload="AddTb()" >

<table id=table0 width="100%"  border="1" cellpadding="0" cellspacing="0" bordercolor="#000000">
</table>
</body>
</html>
 
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值