ajax获取xml文件代码

最新推荐文章于 2024-10-08 23:49:16 发布

mayanling0113

最新推荐文章于 2024-10-08 23:49:16 发布

阅读量424

点赞数

文章标签： ajax xml table function xhtml javascript

本文链接：https://blog.csdn.net/mayanling0113/article/details/7319414

版权

ajax-xml.html文件

<!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:#666666;
width:300px;
height:200px;
}
</style>
<script language="javascript" type="text/javascript" src="ajaxUtil.js">
</script>
<script>
//定义两个行数
function getXml(){
//定义url
var url="ajax-xml.xml";
//定义参数
var params="a="+1;
//调用ajax
get(url,params,processXmlData);
}
function processXmlData(xhr){
//alert(xhr.responseText);
//接收返回的数据
//var reText=xhr.responseText;
var reText=xhr.responseXML;
//var str="";
var tab=Array("empno","empname","esex","esarary");
//解析xml并且显示到表格里
var emplist=reText.getElementsByTagName("emp");
//创建table对象
var table=document.createElement("table");
table.setAttribute("border","1");
table.setAttribute("width","100px");
//alert(emplist.length);
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<childs.length;j++){
    str+=childs[i].nodeName+""+childs[i].nodeType+"\n";
   }alert(str);*/
   //emplist[i].getElementsByTagName("empno");
   for(var j=0;j<childs.length;j++){
    var td=document.createElement("td");
    //alert(22);
    if(childs[j].nodeType==1){
     //创建td
     var td=document.createElement("td");
     //alert(11);
     //创建文本节点
     var text=document.createTextNode(childs[j].firstChild.nodeValue);
     //把内容追加到td中
     td.appendChild(text);
     //把td追加到tr中
     tr.appendChild(td);
    }
   }
   //把tr追击到table中
   table.appendChild(tr);
}
//把table追加到div中
$$("div").appendChild(table);
}
getXml();
</script>
</head>