前端:
common.js
function $(id) {
return document.getElementById(id);
}
function createXhr(){
var xhr;
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();
}else{
xhr = new ActiveXObject("Microsoft XMLHttp");
}
return xhr;
}
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","Student1.php",true);
xhr.onreadystatechange = function() {
if(xhr.readyState == 4 && xhr.status == 200){
var resXML = xhr.responseXML;
var studentList = resXML.getElementsByTagName("StudentList")[0];
console.log(studentList);
var name = studentList.getElementsByTagName("Name")[0].innerHTML;
var age = studentList.getElementsByTagName("Age")[0].innerHTML;
console.log("姓名:"+name);
console.log("年龄:"+age);
}
}
xhr.send(null);
}
</script>
</body>
</html>
后台:
student1.php
<?php
#1、增加响应消息头
header("Content-Type:application/xml");
#2、拼XML字符串
$xml="<?xml version='1.0' encoding='utf-8' ?>";
$xml.="<StudentList>";
$xml.="<Student>";
$xml.="<Name>张三丰</Name>";
$xml.="<Age>85</Age>";
$xml.="</Student>";
$xml.="</StudentList>";
#3、将拼好的内容响应给浏览器
echo $xml;
?>