您的位置:首页 > 其它

Ajax解析Xml文件(一)

2008-08-06 21:02 190 查看
<SCRIPT LANGUAGE="JavaScript">
var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
xmlHttp.open("GET", "AJAX", true);
/* 设置处理服务器的JS函数,函数又 xmlHttp.onreadystatechange来确定 */
xmlHttp.onreadystatechange=function() {
if (xmlHttp.readyState==4 && xmlHttp.status==200) {
//ajax的XML传输的解析。获取解析的数据
var xml = xmlHttp.responseXML;

//解析标签<stusn>
//var root1=root.getElementsByTagName("stusn");
//解析<stusn>的第一个标签的nation属性
//var name = root1[0].getAttribute("nation");
var div1 = document.getElementById("ccc");
var stus = xml.getElementsByTagName("stu");
for(var i = 0 ; i < stus.length ; i++){
var dl = document.createElement("dl");
var dt = document.createElement("dt");
var dd = document.createElement("dd");
//在div的最前面添加元素
div1.insertBefore(dl,div1.firstChild);
dl.appendChild(dt);
dl.appendChild(dd);
//设置元素的值
dt.innerHTML = "姓名:" + stus[i].getElementsByTagName("name")[0].firstChild.data;
dd.innerHTML = "年龄:" + stus[i].getElementsByTagName("age")[0].firstChild.data;
}
}
}
xmlHttp.send();
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: