用Ajax读取XML格式的数据·百家电脑学院

用Ajax读取XML格式的数据，只需要读取XMLHttpRequest对象返回的responseXML属性即可。代码如下：

以下是引用片段：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html> 

<head> 

<title>Ajax Hello World</title> 

<script type="text/javascript"> 

var xmlHttp; 

function createXMLHttpRequest(){ 

if(window.ActiveXObject){ 

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 

} 

else if(window.XMLHttpRequest){ 

xmlHttp = new XMLHttpRequest(); 

} 

} 

function startRequest(){ 

createXMLHttpRequest(); 

try{ 

xmlHttp.onreadystatechange = handleStateChange; 

xmlHttp.open("GET", "data.xml", true); 

xmlHttp.send(null);  

}catch(exception){ 

alert("您要访问的资源不存在!"); 

} 

} 

function handleStateChange(){  

if(xmlHttp.readyState == 4){  

if (xmlHttp.status == 200 || xmlHttp.status == 0){ 

// 取得XML的DOM对象 

var xmlDOM = xmlHttp.responseXML; 

// 取得XML文档的根 

var root = xmlDOM.documentElement;  

try 

{ 

// 取得<info>结果 

var info = root.getElementsByTagName('info'); 

// 显示返回结果 

alert("responseXML's value: " + info[0].firstChild.data); 

}catch(exception) 

{ 

} 

} 

} 

} 

</script> 

</head> 

<body> 

<div> 

<input type="button" value="return ajax responseXML's value" 

onclick="startRequest();" /> 

</div> 

</body> 

</html>

2、Server - data.xml

><?xml version="1.0" encoding="GB2312" ?> 

<root> 

<info>hello world!</info> 

</root>

下载示例源码到论坛：http://bbs.51cto.com/viewthread.php?tid=87949&extra=page%3D1

[编辑：百家电脑学院] [返回学院首页] [返回上一页] []

·上一篇：在ASP.NET中使用AJAX的简单方法(1) · 下一篇：在SpringSide实现XFire Webservice认证

前沿技术 > Web Service

用Ajax读取XML格式的数据

[2006-11-7 23:37:47] [来源: 百家电脑学院] [我要投稿]

·用Ajax读取XML格式的数据 | 相关文章·

·百家学院 | 最新评论·