Case: parse xml by ajax method

xml file

<?xml version="1.0" encoding="utf-8"?>

<studentlist>

<student>

<name>tom</name>

<age>18</age>

<gender></gender>

</student>

<student>

<name>lucy</name>

<age>21</age>

<gender></gender>

</student>

<student>

<name>lilei</name>

<age>20</age>

<gender></gender>

</student>

<student>

<name>hanmeimei</name>

<age>18</age>

<gender></gender>

</student>

</studentlist>

 ----------------------------

05-getxml.html using ajax parse xml file

----

<body onload="getxml()">

<script>

function getxml(){

// create an asynchronous objects

var xhr=new XMLHttpRequest();

// fetch response data

xhr.onreadystatechange=function(){

if(xhr.readyState==4&&xhr.status==200){

var result=xhr.responseXML;

console.log(result);

var studentlist=result.getElementsByTagName("studentlist")[0];

var student=studentlist.getElementsByTagName("student")[1];

var name=student.getElementsByTagName("name")[0];

console.log(name.innerHTML);

};

 

};

// open connection creation request

xhr.open("get","http://127.0.0.1:8080/students.xml",true);

// send request

xhr.send();

 

 

};

</script>

</body>

 

 

 

Guess you like

Origin www.cnblogs.com/sugartang/p/10967507.html