|
function handleStateChange()
{
if (xhr.readyState == 4)
{
if (xhr.status == 200)
{
if (requestType == "north")
{
listNorthStates();
}
if (requestType == "all")
{
listAllStates();
}
}
}
}
function listNorthStates()
{
var xmlDoc = xhr.responseXML;
var northNode = xmlDoc.getElementsByTagName("north")[0];
var northStates = northNode.getElementsByTagName("state");
outputList("north States", northStates);
}
function listAllStates()
{
var xmlDoc = xhr.responseXML;
var allStates = xmlDoc.getElementsByTagName("state");
outputList("All States in document ",allStates);
}
function outputList(title,states)
{
var out = title;
var currentState = null;
for (var i = 0; i < states.length; i++)
{
currentState = states[i];
out = out + "<ul><font face='仿宋_GB2312'><span style='font-size: 9pt'>";
out = out + "<li>" + currentState.childNodes[0].nodeValue + "</li>";
out = out + "</span></font></ul>";
}
var test = document.getElementById("test");
test.innerHTML = out;
}
</script>
</head>
<body>
<form action="#">
<!--XML文档请求 -->
<input type=“button" value="AJAX Test north" onclick="startRequest('north');"/>
<input type="button" value="AJAX Test all" onclick="startRequest('all');"/>
<!--SP.Net请求 -->
<input type="button" value="AJAX Test ASPX" onclick="startRequestFromServer();"/>
<!--DOM对象的清除与创建 -->
<input type="button" value="search" onclick="startRequestFromLanguage()"/>
</form>
<div id="test"><font face="仿宋_GB2312"><span style="font-size: 9pt"></span></font>
</div>
</body>
</html>
6、参考书籍
《Ajax基础教程》人民邮电出版社
本程序为该书的一些示例，仅供入门参考
7、补充
忘记XML文件: paraseXml.xml
将该文件与上面的HTML文件放在相同的目录下即可
<?xml version="1.0" encoding="UTF-8"?>
<states>
<north>
<state>辽宁</state>
<state>吉林</state>
<state>黑龙江</state>
<state>内蒙古</state>
</north>
<south>
<state>福建</state>
<state>广东</state>
<state>云南</state>
<state>广西</state>
</south>
<east>
<state>上海</state>
<state>浙江</state>
<state>江苏</state>
<state>安徽</state>
</east>
<west>
<state>新疆</state>
<state>陕西</state>
<state>山西</state>
<state>宁夏</state>
</west>
</states>
|
