使用 XMLHttpRequest 实现 Ajax 二：取回 XML 数据-优快云博客

本文介绍了一个简单的AJAX程序示例，演示了如何从服务器端XML文件中读取并显示'name'元素的内容。通过JavaScript实现了XMLHttpRequest对象的创建，并在页面上动态更新作者名字。

取回服务器端 XML 文件中的 Name

<?xml version="1.0" encoding="utf-8" ?>
<author>
<name>HAHA</name>
</author>

页面代码如下：

<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function findAuthor(file)
{
var xmlObj = null;
if(window.XMLHttpRequest)
{
xmlObj = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
xmlObj = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
return;
}
xmlObj.onreadystatechange = function()
{
if(xmlObj.readyState == 4)
{
updateObj('author',xmlObj.responseXML.getElementsByTagName('name')[0].firstChild.data);
}
}
xmlObj.open ('GET', file, true);
xmlObj.send ('');
}
function updateObj(obj, data)
{
var textNode = document.createTextNode(data);
document.getElementById(obj).appendChild(textNode);
}
</script>

</head>
<body>
<h1>A simple AJAX program</h1>
<p id="obj">This page is powered by
<a id='link' href="data.xml" title="View the author." onclick="findAuthor('data.xml'); this.style.display='none'; return false">
See Author.</a>
<span id="author" style="color: olive; font-weight: bolder"></span></p>

</body>

转载于:https://www.cnblogs.com/waitrabbit/archive/2010/06/27/1766250.html