AJAX基础入门实例教程(含代码)(2)_H5之家 - 中国HTML5教程资源分享第一站

以下是代码片段：
function DoMyXML() {
    var xmlDoc,items,title,content;
    // 先从XMLHttpRequest对象中得到XML文档
    xmlDoc=xmlObj.responseXML;
    // 再得到items
    items=xmlDoc.getElementsByTagName("item");
    // 最后根据TagName来获取想要的内容
    // 如果XML文档里有多个item，可以用数组的下标来表示第几个
    title=items[0].getElementsByTagName("title")[0].firstChild.data;
    content=items[0].getElementsByTagName("content")[0].firstChild.data;
}

好了，现在已经得到我想要的东西，可以把它们显示出来了。

5.输出处理结果

先假定有一个如下的HTML文档用来显示想要输出的内容：

以下是代码片段：
<html>
<head>
<title>AJAX Study</title>
</head>
<body>
<div id="mydisplay"></div>
</body>
</html>

这里定义了一个ID为mydisplay的DIV容器用来显示输出内容，好了，再转到JS：

以下是代码片段：
//...接DoMyXML;
//content=items[0].....;
var strHTML;
// 先组织好要显示的内容
strHTML="Item title: " + title + "<br />Item content: " + content;
// 获取目标容器，再设置它的innerHTML为要显示的内容
document.getElementById("mydisplay").innerHTML=strHTML;

OK，这些差不多是编写AJAX程序的基础，具体用就看个人发挥了，当然AJAX并不只这些，还有如果POST方法发送数据等，不过这个还没学过，所以只能讲这些了^_^。还是那句话，因为是初学，有错误在所难免，欢迎指正

来源：马开东云搜索（微信/QQ：420434200,微信公众号：makaidong-com）
欢迎分享本文，转载请保留出处！

【原文阅读】: