本文演示了如何使用JavaScript从XML文件获取数据，并在HTML页面上显示这些数据。
test1.xml
<?xml version='1.0' encoding="UTF-8" ?> <lowkey> <lzq> <l>I am lowkey</l> <l>I am not lowkey</l> <l>I think I am lowkey</l> </lzq> <gst> <g>I am gosipt</g> <g>I am not gosipt</g> <g>I think I am gosipt</g> </gst> </lowkey>test1.html
<html>
<head>
<title>Have a test</title>
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest() {
if(window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} else if(window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
function startRequest() {
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange; //注册事件执行方法，只能是方法你不可能注册其他的东西，所以不用()。把handleStateChange方法注册到xmlHttp的onreadystatechange的事件当中。
xmlHttp.open("GET", "test1.xml", true);
xmlHttp.send(null);
}
function handleStateChange() {
if(xmlHttp.readyState==4) {
if(xmlHttp.status==200) {
listContents();
}
}
}
function listContents() {
var xmlDoc = xmlHttp.responseXML;
var lContent = xmlDoc.getElementsByTagName("g");
var sumContents = "";
for(var i=0; i<lContent.length; i++) {
sumContents = sumContents + " " + lContent[i].childNodes[0].nodeValue;
}
document.getElementById("content").innerHTML = "<p>" + sumContents +"</p>";
}
</script>
</head>
<body>
<form name="testForm" action="#">
<input type="button" id="testButton" value="lowkey" onclick="startRequest();" />
</form>
<div id="content"></div>
</body>
</html>
扫一扫
458
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
