readxml.html 页代码
<!DOCTYPE HTML PUBLIc "1//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtmll1-strict.dtd">
<html xmlns="http;//www.w3.org/1999/xhtml">
<head>
<title>xmlHttprequest</title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="ProgId" content="VisualStudio.HTML">
<meta name="Originator" content="Microsoft Visual Studio .NET 7.1">
<script language="javascript">
var xmlHttp;
var requestType="";
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
}
function startRequest(requestedList)
{
// alert("运行到这里!");
requestType=requestedList;
createXMLHttpRequest();
alert("运行到这里!");
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.open("GET","city.xml",true);
xmlHttp.send(null);
}
function handleStateChange()
{
//alert("运行到这里!");
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
if(requestType=="north")
{
listNorthStates();
}
else if(requestType=="All")
{
listAllStates();
}
}
}
}
function listNorthStates()
{
//alert("运行到这里!");
var xmlDoc=xmlHttp.responseXML;
var northNode=xmlDoc.getElementsByTagName("north");
// var out="Northen States";
var northStates=norhtNode.getElementsByTagName("state");
outputList("Northen States",northStates);
}
function listAllStates()
{
var xmlDoc=xmlHttp.responseXML;
var allStates=xmlDoc.getElementsByTagName("state");
outputList("All States",allStates);
}
function outputList(title,states)
{
var out=title;
var currentStates=null;
for(var i=0;i<states.length;i++)
{
currentStates=states[i];
out=out + "\n-" +currentStates.childNodes[0].nodeValue;
}
alert(out);
}
</script>
</head>
<body>
<FONT face="宋体"></FONT>
<form>
<input type=button value="All States here" onclick="startRequest('All');"/>
<br>
<br>
<input type=button value="North States here" onclick="startRequest('states');">
</form>
</body>
</html>
city.xml 页代码<?xml version="1.0" encoding="utf-8" ?>
<states>
<north>
<state>beijing</state>
<state>shijiazhuang</state>
<state>langfang</state>
</north>
<south>
<state>guangzhou</state>
<state>shenzhen</state>
<state>xiamen</state>
</south>
<east>
<state>shanghai</state>
<state>wenzhou</state>
<state>nanjing</state>
</east>
<west>
<state>xizang</state>
<state>guizhou</state>
<state>yunnan</state>
</west>
</states>
<!DOCTYPE HTML PUBLIc "1//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtmll1-strict.dtd">
<html xmlns="http;//www.w3.org/1999/xhtml">
<head>
<title>xmlHttprequest</title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="ProgId" content="VisualStudio.HTML">
<meta name="Originator" content="Microsoft Visual Studio .NET 7.1">
<script language="javascript">
var xmlHttp;
var requestType="";
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else(window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
}
function startRequest(requestedList)
{
// alert("运行到这里!");
requestType=requestedList;
createXMLHttpRequest();
alert("运行到这里!");
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.open("GET","city.xml",true);
xmlHttp.send(null);
}
function handleStateChange()
{
//alert("运行到这里!");
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
if(requestType=="north")
{
listNorthStates();
}
else if(requestType=="All")
{
listAllStates();
}
}
}
}
function listNorthStates()
{
//alert("运行到这里!");
var xmlDoc=xmlHttp.responseXML;
var northNode=xmlDoc.getElementsByTagName("north");
// var out="Northen States";
var northStates=norhtNode.getElementsByTagName("state");
outputList("Northen States",northStates);
}
function listAllStates()
{
var xmlDoc=xmlHttp.responseXML;
var allStates=xmlDoc.getElementsByTagName("state");
outputList("All States",allStates);
}
function outputList(title,states)
{
var out=title;
var currentStates=null;
for(var i=0;i<states.length;i++)
{
currentStates=states[i];
out=out + "\n-" +currentStates.childNodes[0].nodeValue;
}
alert(out);
}
</script>
</head>
<body>
<FONT face="宋体"></FONT>
<form>
<input type=button value="All States here" onclick="startRequest('All');"/>
<br>
<br>
<input type=button value="North States here" onclick="startRequest('states');">
</form>
</body>
</html>
city.xml 页代码<?xml version="1.0" encoding="utf-8" ?>
<states>
<north>
<state>beijing</state>
<state>shijiazhuang</state>
<state>langfang</state>
</north>
<south>
<state>guangzhou</state>
<state>shenzhen</state>
<state>xiamen</state>
</south>
<east>
<state>shanghai</state>
<state>wenzhou</state>
<state>nanjing</state>
</east>
<west>
<state>xizang</state>
<state>guizhou</state>
<state>yunnan</state>
</west>
</states>
XmlRoot.childNodes[0].nodeValue;