JavaScript与xml的联合应用

最新推荐文章于 2024-09-11 15:33:18 发布

阿顿

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量429

点赞数

文章标签： javascript xml table function xhtml url

本文链接：https://blog.csdn.net/dunyanan1/article/details/7319399

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#div{
      background-color:#333;
      width:300px;
      height:150px;
}

</style>
<script language="javascript" src="./ajaxUtil.js">
</script>
<script language="javascript">
//定义两个行数
   function getXml(){
   //定义url
   var url="ajax-xml.xml";
   //定义参数
   var params="a="+1;
   //调用ajax
   get(url,params,processXmlData);

   }

   function processXmlData(xhr){
      // alert(xhr.responseXML);

       //接受返回的数据
   var reText=xhr.responseXML;
   var table=document.createElement("table");
   table.setAttribute("border","1");
   var tab=new Array("empno","ename","esex","esalary");
   //解析xml并且显示到表格里
   var emplist=reText.getElementsByTagName("emp");

   //alert(emplist.length); //2
   //遍历解析每一个emp标签
   for(var i=0;i<emplist.length;i++){
        var tr=document.createElement("tr");
          var childs=emplist[i].childNodes;




       alert(i+"子节点个数"+childs.length);//子节点个数
       for(var j=0;j<tab.length;j++){
           var td=document.createElement("td");
           if(child[j].nodeType==1){
              var td=document.createElement("td");
              var text=document.createTextNode(child[j].firstChild.nodeValue);

              //将文本追加到td
              td.appendChild(text);
               //将td追加到tr
              tr.appendChild(tr);

           }
           //将tr追加到table中
           table.appendChild(tr);


       }
       $$("div").appendChild(table);
       //emplist[i].getElementsByTagName("empno");

   }

   }
   getXml();
</script>
</head>

<body>
<div id="div"></div>
</body>
</html>