<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<span id="span"></span>
<span id="span2"></span>
<span id="span3"></span>
</div>
</form>
</body>
</html>
<script>
if(window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest();
}
else
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","Long.xml",false); //第二个参数为xml文件的名称
xmlhttp.send();
xmlDoc = xmlhttp.responseXML;
document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("Student"); // 循环所有的Student对象
for(i=0;i<x.length;i++)
{
document.write("<tr><td>");
document.write(x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);
document.write("</td><td>");
document.write(x[i].getElementsByTagName("sex")[0].childNodes[0].nodeValue);
document.write("</td></tr>")
}
document.write("</table>");
document.getElementById("span").innerHTML = xmlDoc.getElementsByTagName("sName")[0].childNodes[0].nodeValue; //赋值给id为span的标签
document.getElementById("span2").innerHTML = xmlDoc.getElementsByTagName("sAge")[0].childNodes[0].nodeValue;
document.getElementById("span3").innerHTML = xmlDoc.getElementsByTagName("sSex")[0].childNodes[0].nodeValue;
</script>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<span id="span"></span>
<span id="span2"></span>
<span id="span3"></span>
</div>
</form>
</body>
</html>
<script>
if(window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest();
}
else
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","Long.xml",false); //第二个参数为xml文件的名称
xmlhttp.send();
xmlDoc = xmlhttp.responseXML;
document.write("<table border='1'>");
var x=xmlDoc.getElementsByTagName("Student"); // 循环所有的Student对象
for(i=0;i<x.length;i++)
{
document.write("<tr><td>");
document.write(x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);
document.write("</td><td>");
document.write(x[i].getElementsByTagName("sex")[0].childNodes[0].nodeValue);
document.write("</td></tr>")
}
document.write("</table>");
document.getElementById("span").innerHTML = xmlDoc.getElementsByTagName("sName")[0].childNodes[0].nodeValue; //赋值给id为span的标签
document.getElementById("span2").innerHTML = xmlDoc.getElementsByTagName("sAge")[0].childNodes[0].nodeValue;
document.getElementById("span3").innerHTML = xmlDoc.getElementsByTagName("sSex")[0].childNodes[0].nodeValue;
</script>