示例共两个文件:AjaxXml.html和Request.xml复制代码放在同一目录下点击按钮即可看到效果
AjaxXml.html
-----------------------------------------------------------------------------------------------------------------------------------
< html >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />
< title > </ title >
< script language ="javascript" >
var xmlhttp;
function createXMLHttpRequest()
{
if (window.ActiveXObject)
{
xmlhttp = new ActiveXObject( " Microsoft.XMLHTTP " );
}
else if (window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest();
}
}
function startRequest()
{
createXMLHttpRequest();
xmlhttp.onreadystatechange = handleStateChange;
xmlhttp.open( " GET " , " Request.xml " , false );
xmlhttp.send( null );
}
function handleStateChange()
{
if (xmlhttp.readyState == 4 )
{
document.getElementById( " results " ).innerHTML = xmlhttp.responseText;
}
}
</ script >
</ head >
< body >
< form action ="#" >
< input type ="button" value ="xmlRead" onclick ="startRequest();" />
</ form >
< div id ="results" > </ div >
</ body >
</ html >
*******************************************************************************************************************
Request.xml文件
-----------------------------------------------------------------------------------------------------------------------------------
< table border ="1" >
< tbody >
< tr >
< th > time </ th >
< th > Country </ th >
< th > City </ th >
< th > Games </ th >
</ tr >
< tr >
< th > 2008 </ th >
< th > China </ th >
< th > BeiJing </ th >
< th > Olympics </ th >
</ tr >
</ tbody >
</ table >
-----------------------------------------------------------------------------------------------------------------------------------
AjaxXml.html
-----------------------------------------------------------------------------------------------------------------------------------
< html >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />
< title > </ title >
< script language ="javascript" >
var xmlhttp;
function createXMLHttpRequest()
{
if (window.ActiveXObject)
{
xmlhttp = new ActiveXObject( " Microsoft.XMLHTTP " );
}
else if (window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest();
}
}
function startRequest()
{
createXMLHttpRequest();
xmlhttp.onreadystatechange = handleStateChange;
xmlhttp.open( " GET " , " Request.xml " , false );
xmlhttp.send( null );
}
function handleStateChange()
{
if (xmlhttp.readyState == 4 )
{
document.getElementById( " results " ).innerHTML = xmlhttp.responseText;
}
}
</ script >
</ head >
< body >
< form action ="#" >
< input type ="button" value ="xmlRead" onclick ="startRequest();" />
</ form >
< div id ="results" > </ div >
</ body >
</ html >
*******************************************************************************************************************
Request.xml文件
-----------------------------------------------------------------------------------------------------------------------------------
< table border ="1" >
< tbody >
< tr >
< th > time </ th >
< th > Country </ th >
< th > City </ th >
< th > Games </ th >
</ tr >
< tr >
< th > 2008 </ th >
< th > China </ th >
< th > BeiJing </ th >
< th > Olympics </ th >
</ tr >
</ tbody >
</ table >
-----------------------------------------------------------------------------------------------------------------------------------