Ajax读取XML格式的数据

最新推荐文章于 2022-11-13 17:10:27 发布

iteye_16325

最新推荐文章于 2022-11-13 17:10:27 发布

阅读量119

点赞数

分类专栏： Ajax 文章标签： XML Ajax JavaScript Microsoft HTML ViewUI

本文链接：https://blog.csdn.net/iteye_16325/article/details/81656237

版权

Ajax 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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" οnclick="startRequest();" />
		</div>
	</body>
</html>

iteye_16325

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax读取XML格式的数据

1.XML文件为：data.xml&lt;?xml version="1.0" encoding="GB2312" ?&gt;&lt;root&gt; &lt;info&gt;测试数据!&lt;/info&gt;&lt;/root&gt; 2用来测试读取XML的页面为：test.html&lt;!DOCTYPE html PUBLIC "-//W3
复制链接

扫一扫

专栏目录