Ajax解析Xml文件(一)

 

1. <SCRIPT LANGUAGE="JavaScript">   
2.         var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");   
3.          xmlHttp.open("GET", "AJAX", true);   
4.         /* 设置处理服务器的JS函数，函数又 xmlHttp.onreadystatechange来确定 */  
5.          xmlHttp.onreadystatechange=function() {   
6.             if (xmlHttp.readyState==4 && xmlHttp.status==200) {   
7.                 //ajax的XML传输的解析。获取解析的数据   
8.                 var xml = xmlHttp.responseXML;   
9.                    
10.                 //解析标签<stusn>   
11.                 //var root1=root.getElementsByTagName("stusn");   
12.                 //解析<stusn>的第一个标签的nation属性   
13.                 //var name = root1[0].getAttribute("nation");   
14.                 var div1 = document.getElementById("ccc");   
15.                 var stus = xml.getElementsByTagName("stu");   
16.                 for(var i = 0 ; i < stus.length ; i++){   
17.                     var dl = document.createElement("dl");   
18.                     var dt = document.createElement("dt");   
19.                     var dd = document.createElement("dd");   
20.                     //在div的最前面添加元素   
21.                      div1.insertBefore(dl,div1.firstChild);   
22.                      dl.appendChild(dt);   
23.                      dl.appendChild(dd);   
24.                     //设置元素的值   
25.                      dt.innerHTML = "姓名:" + stus[i].getElementsByTagName("name")[0].firstChild.data;   
26.                      dd.innerHTML = "年龄:" + stus[i].getElementsByTagName("age")[0].firstChild.data;   
27.                  }   
28.              }   
29.          }   
30. xmlHttp.send();   
31. </script>