中国数据网
http://www.dbchina.net
收藏本页
联系我们
 
ajax:读取xml文件并输出 ~ admin

html页面文件

 MyXml.xml 文件

<head>
 <META http-equiv=Content-Type content="text/html; charset=UTF-8">
 <LINK href="images/css.css" type=text/css rel=stylesheet>
</head>
<script language="javascript">
 var XMLHttpReq;
 var PREFIX = "Sort";
  //创建XMLHttpRequest对象      
    function createXMLHttpRequest() {
  if(window.XMLHttpRequest) { //Mozilla 浏览器
   XMLHttpReq = new XMLHttpRequest();
  }
  else if (window.ActiveXObject) { // IE浏览器
   try {
    XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
   } catch (e) {
    try {
     XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (e) {}
   }
  }
 }
 // 增加品牌函数
 function sendRequest() {
     var url = "MyXml.xml";
     createXMLHttpRequest();
     XMLHttpReq.onreadystatechange = processResponse;
     XMLHttpReq.open("GET", url, true);
     XMLHttpReq.send(null);
 }
 // 处理增加品牌响应函数
    function processResponse() {
     if (XMLHttpReq.readyState == 4) { // 判断对象状态
         if (XMLHttpReq.status == 200) { // 信息已经成功返回,开始处理信息
             readXml();
            } else { //页面不正常
                window.alert("您所请求的页面有异常。");
            }
        }
    }

 function readXml() {
  var students = XMLHttpReq.responseXML.getElementsByTagName("student");
  for(var i=0;i<students.length;i++) {
   var stud = students[i];
   var name = stud.getElementsByTagName("sname")[0].firstChild.data;
   var gre = stud.getElementsByTagName("gre")[0].firstChild.data;
   var tse = stud.getElementsByTagName("tse")[0].firstChild.data;
   document.write(name + "<p>");
   document.write(gre + "<p>");
   document.write(tse + "<p>");
   document.write("");
  }  
 }

 

</script>

<table>
       <input type="button" value="测试" onclick="sendRequest();"/>
</table>

 

 <?xml version="1.0" encoding="UTF-8"?>
<classmates>
 <student >
  <sid>1</sid>
  <sname>张桂元</sname>
  <gre>1700</gre>
  <tse>120</tse>
 </student>
 <student >
  <sid>1</sid>
  <sname>贾燕枫</sname>
  <gre>1800</gre>
  <tse>120</tse>
 </student>
 <student >
  <sid>1</sid>
  <sname>张宇翔</sname>
  <gre>1700</gre>
  <tse>120</tse>
 </student>
</classmates>

Copyright ©2006-2009 DbChina.Net | 鲁ICP备05031207号