前端：
注：都放在服务器下运行(localhost)
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="common.js"></script>
</head>
<body>
<button οnclick="getMsg()">getMsg</button>
<script>
function getMsg() {
var xhr = createXhr();
xhr.open("get","Student.xml",true);
xhr.onreadystatechange = function() {
if(xhr.readyState == 4 && xhr.status == 200){
var resXml = xhr.responseXML;
//console.log(resXml);
var studentList = resXml.getElementsByTagName("StudentList")[0];
console.log(studentList);
var names = studentList.getElementsByTagName("Name");
var ages = studentList.getElementsByTagName("Age");
var genders = studentList.getElementsByTagName("Gender");
for(var i=0;i<names.length;i++){
console.log("性别："+names[i].innerHTML);
console.log("年龄："+ages[i].innerHTML);
console.log("性别："+genders[i].innerHTML);
}
}
}
xhr.send(null);
}
</script>
</body>
</html>Student.xml
<?xml version="1.0" encoding="utf-8" ?>
<!-- -->
<StudentList>
<student>
<Name>aaa</Name>
<Age>221</Age>
<Gender>男</Gender>
</student>
<student>
<Name>aaa1</Name>
<Age>222</Age>
<Gender>男</Gender>
</student>
<student>
<Name>aaa2</Name>
<Age>224</Age>
<Gender>男</Gender>
</student>
</StudentList>
3125
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
