<!--PHP编程实战-->
<!--JSON & Ajax -->
<!--15-8-->
<!--使用XMLHttpRequest抓取XML文件并解析特殊的值-->
<html>
<head>
<style type="text/css">
#generated_content {
border: 1px solid black;
widht: 300px;
background-color: #dddddd;
padding: 20px;
}
</style>
</head>
<body>
<p><strong>Ajax grabbed specific XML below:</strong></p>
<div id="generated_content"> </div>
<script type="text/javascript">
var xhr = new XMLHttpRequest();
xhr.open("GET", "animals.xml", true);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
var message = "";
if (xhr.status = 200) {
// ----------------------- XML的DOM解析
var xml_data = xhr.responseXML;
var names = xml_data.getElementsByTagName("name");
for (i =0; i < names.length; ++i) {
message += names[i].firstChild.nodeValue + "<br/>\n"; //如 "snoopy\n"
}
// ------------------------
}
else {
message = "An error has occured making the request";
}
document.getElementById("generated_content").innerHTML = message;
}
}
xhr.send(null);
</script>
</body>
</html>
- getElementsByTagName()获取DOM节点集合
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
