底层元素包含属性的XML文档的绑定
<?xml version="1.0" encoding="gb2312" ?>
<root>
<新闻>
<标题 副标题="副标题1" >新闻标题1</标题>
<内容>这是新闻内容1.</内容>
<发布日期>2005-7-23</发布日期>
</新闻>
<新闻>
<标题 副标题="副标题2" >新闻标题1</标题>
<内容>这是新闻内容2.</内容>
<发布日期>2005-8-23</发布日期>
</新闻>
...
</root>
4-14.html :
<script language="Javascript" >
var timebgein = (new Date()).getTime();
function createXMLHttpRequest() {
if (window.XMLHttpRequest) {//Mozilla
xmlHttp = new XMLHttpRequest();
}
else if (window.ActiveXObject) {//IE
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
}
</script>
<HTML>
<HEAD>
<TITLE> 底层元素包含属性的XML文档的绑定 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY onload=aa() >
<h2>底层元素包含属性的XML文档</h2>
<div id="XData" ></div>
</BODY>
</HTML>
<script language="JavaScript" >
<!--
var txt="";
function aa(){
createXMLHttpRequest();
xmlHttp.open("get","04-10.xml",true);
xmlHttp.onreadystatechange = function()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
var objXML=xmlHttp.responseXML;
var bi=objXML.documentElement.selectNodes("新闻");
if(bi!=null&&bi.length>0){
for(var i=0;i<bi.length;i++){
txt += "<tbody><tr><td><table ><tr><td><span >"+bi[i].childNodes[0].text+"</span></td></tr><tr><td><i><u><span >"+bi[i].childNodes[0].attributes[0].value+"</span></u></i></td></tr></table></td><td><span >"+bi[i].childNodes[1].text+"</span></td><td><span >"+bi[i].childNodes[2].text+"</span></td></tr></tbody>";
}
txt = "<table border=/"2/" bordercolor=/"gray/" ><thead><tr><th>新闻标题</th><th>内容提示</th><th>日期</th></tr></thead>"+txt+"</table>";
}
else{
txt="LoadingErr";
}
document.getElementById("XData").innerHTML=txt;
var timeend = (new Date()).getTime();
alert("执行时间是: " + eval(timeend - timebgein) + "毫秒");
}
else
{
alert('The request failed.');
}
}
}
xmlHttp.send(null);
}
//-->
</script>
4-13.html :
<script language="Javascript" >
var timebgein = (new Date()).getTime();
function createXMLHttpRequest() {
if (window.XMLHttpRequest) {//Mozilla
xmlHttp = new XMLHttpRequest();
}
else if (window.ActiveXObject) {//IE
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
}
</script>
<HTML>
<HEAD>
<TITLE> 底层元素包含属性的XML文档的绑定 </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY onload="aa()" >
<h2>底层元素包含属性的XML文档</h2>
<div id="oDataPanel"></div>
<table datasrc="#xmldata" border="2" bordercolor="gray" >
<thead>
<tr>
<th>新闻标题</th>
<th>内容提示</th>
<th>日期</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<table datasrc="#xmldata" datafld="标题" >
<tr><td><span datafld="$text" ></span></td></tr>
<tr>
<td><i><u>
<span datafld="副标题" ></span>
</u>
</i>
</td>
</tr>
</table>
</td>
<td><span datafld="内容" ></span></td>
<td><span datafld="发布日期" ></span>
</td>
</tr>
</tbody>
</table>
</BODY>
</HTML>
<script language="JavaScript" >
<!--
function aa(){
createXMLHttpRequest();
xmlHttp.open("get","04-10.xml",true);
xmlHttp.onreadystatechange = function()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
document.getElementById("oDataPanel").innerHTML="<xml id=/"xmldata/" >"+xmlHttp.responseXML.xml+"</xml>";
var timeend = (new Date()).getTime();
alert("执行时间是: " + eval(timeend - timebgein) + "毫秒");
}
else
{
alert('The request failed.');
}
}
}
xmlHttp.send(null);
}
//-->
</script>
这个数据岛 比 4-14.html 速度更慢.