JS解析xml,Ajax访问xml文件

最新推荐文章于 2022-01-24 09:07:47 发布

原创最新推荐文章于 2022-01-24 09:07:47 发布 · 3.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#xml #ajax #encoding #null #url

本文介绍了一种使用Ajax技术从服务器获取XML文件并解析的方法。通过示例代码展示了如何设置Ajax请求来读取XML文件，并提供了如何遍历和提取XML数据的具体步骤。

刚开始只知道Ajax访问.do或者.jsp之类的,今天看到了访问xml文件的.

var url = "MyXML.xml"; //URL指向xml文件路径
           createXMLHttpRequest();
           XMLHttpReq.onreadystatechange = processResponse;
           XMLHttpReq.open("GET",url,true);
           XMLHttpReq.send(null);
xml文件格式:

<?xml version="1.0" encoding="GB2312"?>

<classmates>
  <student>
     <sid>1</sid>
     <sname>reqe</sname>
     <gre>1700</gre>
     <tse>120</tse>
  </student>
  <student>
     <sid>2</sid>
     <sname>rqerwe</sname>
     <gre>1800</gre>
     <tse>120</tse>
  </student>
  <student>
     <sid>3</sid>
     <sname>iuir</sname>
     <gre>1700</gre>
     <tse>120</tse>
  </student>
</classmates>

解析:

var students = XMLHttpReq.responseXML.getElementsByTagName("student"); //得到所有的student结点数组
          for(var i =0;i<students.length;i++)
          {
                var stud = students[i]; //得一个stutdent结点
                var name = stud.getElementsByTagName("sname")[0].firstChild.data; //取结点里的数据
                var gre = stud.getElementsByTagName("gre")[0].firstChild.data;
                var tse = stud.getElementsByTagName("tse")[0].firstChild.data;
          }