标签：
<html>
<!DOCTYPE html>
<html>
<head>
<script>
function loadXMLDoc() {
//定义全局变量
var xmlhttp;
var txt, x, i;
//浏览器兼容问题
if(window.XMLHttpRequest)
{ // code for创建适合IE7+, Firefox, Chrome, Opera, Safari的ajax对象
xmlhttp = new XMLHttpRequest();
}
else { // code for IE6, IE5 创建适合IE6,IE5的ajax对象
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
//获取xml某个标签里的内容
xmlhttp.onreadystatechange = function() {
//如果服务器已经相应了,并且响应成功
if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
xmlDoc = xmlhttp.responseXML;
//创建一个空的字符串,用来接收每个标签里的内容
txt = "";
//获取标签<COUNTRY>里的内容
x = xmlDoc.getElementsByTagName("COUNTRY");
//因为每个cd里都有<COUNTRY>标签,所以使用for循环分别获取标签里面的内容
for(i = 0; i < x.length; i++) {
//i=0表示第一个<COUNRY>
i的总数小于<COUNTRY>标签的长度(因为是从0开始计算的)
txt = txt + x[i].childNodes[0].nodeValue + "<br>";
//分别将第1个<COUNTRY>,第2个<COUNTRY>....的内容赋值到txt里
}
document.getElementById("myDiv").innerHTML = txt;
//将txt里面的内容赋值到innerHTML中
}
}
//open()方法 以异步的方式请求服务器打开cd_catalog.xml
xmlhttp.open("GET", "cd_catalog.xml", true);
//将你的请求发送给服务器,提交,回车的意思
xmlhttp.send();
}
</script>
</head>
<body>
<h2>My CD Collection:</h2>
<div id="myDiv"></div>
<button type="button" onclick="loadXMLDoc()">Get my CD collection</button>
</body>
</html>
标签：
原文地址：http://www.cnblogs.com/996158041chenlu/p/5734227.html
