JavaScript获取XML内容

1、XML文件的内容WebForm5.xml

<?xml version="1.0" encoding="gb2312"?>
<student>
<id>123</id>
<name>danny</name>
<email>[email protected]</email>
<date>20080901</date>
</student>

2、创建XMLDOM对象实例获取XML的内容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>JS获取XML内容</title>
<script language="JavaScript">
var xmlDoc= new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.load("WebForm5.xml");
root = xmlDoc.documentElement;
//nodes = xmlDoc.documentElement.childNodes;
document.all("id").innerText = root.childNodes.item(0).text;
document.all("name").innerText = root.childNodes.item(1).text;
document.all("email").innerText = root.childNodes.item(2).text;
document.all("date").innerText = root.childNodes.item(3).text;
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<b>编号: </b><span id="id"></span>
<br>
<b>姓名: </b><span id="name"></span>
<br>
<b>信箱: </b><span id="email"></span>
<br>
<b>日期:</b> <span id="date"></span>
<br>
</div>
</form>
</body>
</html>

3、创建XMLHTTP对象实例获取XML的内容

var xmlhttp;
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else
{   // code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET", "WebForm5.xml", false);
xmlhttp.send();
xmlDoc = xmlhttp.responseXML;
var root = xmlDoc.getElementsByTagName("student");
for (i=0; i < root[0].childNodes.length; i++) {
alert(root[0].childNodes.item(i).text);
}

var

你可能感兴趣的:(JavaScript,获取XML内容)