利用Ajax技术解析XML文档

XML文档

<?xml version="1.0" encoding="utf-8"?>
<school>
<student>
<stuName>张三</stuName>
<stuNumb>1</stuNumb>
</student>
</school>


ajax.js

function initXHR(){
return window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");
}
function testXHR(serverUrl,Parms,callBack){
var xhr = initXHR();//初始化XHR
var url = serverUrl+"?"+Parms+"&r="+Math.random();//初始化url
xhr.open("GET",url,true);//打开url
xhr.send(null);//发送请求
xhr.onreadystatechange = function(){
if(xhr.readyState==4) {
callBack(xhr);
}
}
}


js_xml.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ajax解析XML</title>
<script language="javascript" type="text/javascript" src="ajax.js">
</script>
<script language="javascript" type="text/javascript">
function jsToXML(){
testXHR("example.xml","",xmlTotable);
}
function xmlTotable(xhr){
var html = "<table border=1><tr>";
var XMLObj = xhr.responseXML;
var student = XMLObj.getElementsByTagName("student");
for(var i=1;i<6;i+=2){
html+="<th>"+student[0].childNodes[i].nodeName+"</th>";}
html +="</tr>";
for(var j=0;j<student.length;j++){
html+="<tr>";
for(var i=1;i<6;i+=2){
html+="<td>"+student[j].childNodes[i].firstChild.nodeValue+"</td>";
}
html+="</tr>";
}
html+="</table>";
document.getElementById("div").innerHTML=html;
}
</script>
</head>
<body>
<input type="button" value="解析xml" οnclick="jsToXML()" /><hr />
<div id="div"></div>
</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值