您的位置：首页 > 其它

前台解析XML对象小例【ajax XHR(服务器响应)】

2015-12-03 14:47 381 查看

XML文件内容
：
<?xml version="1.0" encoding="ISO-8859-1"
?>
-
<!--

Copyright w3school.com.cn

-->
-
<!--

W3School.com.cn bookstore example

-->

-
<bookstore>

-
<book category="children">

<title lang="en">Harry
Potter</title>

<author>J K. Rowling</author>

<year>2005</year>

<price>29.99</price>

</book>

-
<book category="cooking">

<title lang="en">Everyday
Italian</title>

<author>Giada De Laurentiis</author>

<year>2005</year>

<price>30.00</price>

</book>

-
<book category="web"
cover="paperback">

<title lang="en">Learning
XML</title>

<author>Erik T. Ray</author>

<year>2003</year>

<price>39.95</price>

</book>

-
<book category="web">

<title lang="en">XQuery
Kick Start</title>

<author>James McGovern</author>

<author>Per Bothner</author>

<author>Kurt Cagle</author>

<author>James Linn</author>

<author>Vaidyanathan Nagarajan</author>

<year>2003</year>

<price>49.99</price>

</book>

</bookstore>

前台DOM如下：
<html>

<head>

<script type="text/javascript">

function loadXMLDoc()

{

var xmlhttp;

var txt,x,i;

if (window.XMLHttpRequest)

{// code for IE7+, Firefox, Chrome, Opera, Safari

xmlhttp=new XMLHttpRequest();

}

else

{// code for IE6, IE5

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

}

xmlhttp.onreadystatechange=function()

{

if (xmlhttp.readyState==4 && xmlhttp.status==200)

{

xmlDoc=xmlhttp.responseXML;

txt=" ";

x=xmlDoc.getElementsByTagName("year");

for (i=0;i<x.length;i++)

{

txt=txt + x[i].childNodes[0].nodeValue + "<br />";

}

document.getElementById("myDiv").innerHTML=txt;

}

}

xmlhttp.open("GET","/example/xmle/books.xml",true);

xmlhttp.send();

}

</script>

</head>

<body>

<h2>My Book Collection:</h2>

<div id="myDiv"></div>

<button type="button" onclick="loadXMLDoc()">获得我的图书收藏列表</button>

</body>

</html>

运行结果（<div id="myDiv></div>中显示内容："）：
Harry Potter

Everyday Italian

Learning XML

XQuery Kick Start

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航