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>