ajax

最新推荐文章于 2024-06-20 09:53:57 发布

weixin_30448685

最新推荐文章于 2024-06-20 09:53:57 发布

阅读量46

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/996158041chenlu/p/5734227.html

<html>

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>

转载于:https://www.cnblogs.com/996158041chenlu/p/5734227.html