`
FengShen_Xia
  • 浏览: 273468 次
  • 性别: Icon_minigender_1
  • 来自: 东方水城
社区版块
存档分类
最新评论

Ajax读取XML格式的数据

    博客分类：
  • Ajax
XMLAjaxJavaScriptMicrosoftHTML 
阅读更多

1.XML文件为：data.xml

<?xml version="1.0" encoding="GB2312" ?>
<root>
     <info>测试数据!</info>
</root>

 

 2用来测试读取XML的页面为：test.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<title>Ajax Read Xml</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>
 
分享到：
| 实现固定时间间隔的记录数统计
评论
1 楼 design1985 2009-09-11  
root为空呢怎么?
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics