ajax加载xml案例_编程学问网

ajax加载xml案例

下面的例子将演示网页如何使用 AJAX 来读取来自 XML 文件的信息(xml可以是一个文件，也可以是java,php等服务端程序返回来的xml)：

ajax加载xml案例代码

当用户点击上面的按钮，就会执行 loadXMLDoc() 函数。

loadXMLDoc() 函数创建 XMLHttpRequest 对象，添加当服务器响应就绪时执行的函数，并将请求发送到服务器。

当服务器响应就绪时，会构建一个 HTML 表格，从 XML 文件中提取节点（元素），最后使用已经填充了 XML 数据的 HTML 表格来更新 txtCDInfo 中的内容：

loadXMLDoc方法代码如下：

function 
loadXMLDoc(url)
{
var xmlhttp;
var txt,xx,x,i;
if 
(window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, 
Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// 
code for IE6, IE5
  xmlhttp=new 
ActiveXObject("Microsoft.XMLHTTP");
  
}
xmlhttp.onreadystatechange=function()
  {
  if 
(xmlhttp.readyState==4 && xmlhttp.status==200)
    
{
    txt="<table 
border='1'><tr><th>Title</th><th>Artist</th></tr>";
    
x=xmlhttp.responseXML.documentElement.getElementsByTagName("CD");
    
for (i=0;i<x.length;i++)
      
{
      txt=txt + 
"<tr>";
      
xx=x[i].getElementsByTagName("TITLE");
        
{
        
try
          
{
          txt=txt + 
"<td>" + xx[0].firstChild.nodeValue + 
"</td>";
          
}
        catch 
(er)
          
{
          txt=txt + 
"<td>&nbsp;</td>";
          
}
        }
    
xx=x[i].getElementsByTagName("ARTIST");
      
{
        
try
          
{
          txt=txt + 
"<td>" + xx[0].firstChild.nodeValue + 
"</td>";
          
}
        catch 
(er)
          
{
          txt=txt + 
"<td>&nbsp;</td>";
          
}
        
}
      txt=txt + 
"</tr>";
      }
    txt=txt 
+ "</table>";
    
document.getElementById('txtCDInfo').innerHTML=txt;
    
}
  
}
xmlhttp.open("GET",url,true);
xmlhttp.send();
}

服务器返回的xml如下：

<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by 
XMLSpy® 
-->
<CATALOG>
 <CD>
  <TITLE>Empire 
Burlesque</TITLE>
  <ARTIST>Bob 
Dylan</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>Columbia</COMPANY>
  <PRICE>10.90</PRICE>
  <YEAR>1985</YEAR>
 </CD>
 <CD>
  <TITLE>Hide 
your heart</TITLE>
  <ARTIST>Bonnie 
Tyler</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>CBS 
Records</COMPANY>
  <PRICE>9.90</PRICE>
  <YEAR>1988</YEAR>
 </CD>
 <CD>
  <TITLE>Greatest 
Hits</TITLE>
  <ARTIST>Dolly 
Parton</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>RCA</COMPANY>
  <PRICE>9.90</PRICE>
  <YEAR>1982</YEAR>
 </CD>
 <CD>
  <TITLE>Still 
got the blues</TITLE>
  <ARTIST>Gary 
Moore</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Virgin 
records</COMPANY>
  <PRICE>10.20</PRICE>
  <YEAR>1990</YEAR>
 </CD>
 <CD>
  <TITLE>Eros</TITLE>
  <ARTIST>Eros 
Ramazzotti</ARTIST>
  <COUNTRY>EU</COUNTRY>
  <COMPANY>BMG</COMPANY>
  <PRICE>9.90</PRICE>
  <YEAR>1997</YEAR>
 </CD>
 <CD>
  <TITLE>One 
night only</TITLE>
  <ARTIST>Bee 
Gees</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Polydor</COMPANY>
  <PRICE>10.90</PRICE>
  <YEAR>1998</YEAR>
 </CD>
 <CD>
  <TITLE>Sylvias 
Mother</TITLE>
  <ARTIST>Dr.Hook</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>CBS</COMPANY>
  <PRICE>8.10</PRICE>
  <YEAR>1973</YEAR>
 </CD>
 <CD>
  <TITLE>Maggie 
May</TITLE>
  <ARTIST>Rod 
Stewart</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Pickwick</COMPANY>
  <PRICE>8.50</PRICE>
  <YEAR>1990</YEAR>
 </CD>
 <CD>
  <TITLE>Romanza</TITLE>
  <ARTIST>Andrea 
Bocelli</ARTIST>
  <COUNTRY>EU</COUNTRY>
  <COMPANY>Polydor</COMPANY>
  <PRICE>10.80</PRICE>
  <YEAR>1996</YEAR>
 </CD>
 <CD>
  <TITLE>When 
a man loves a woman</TITLE>
  <ARTIST>Percy 
Sledge</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>Atlantic</COMPANY>
  <PRICE>8.70</PRICE>
  <YEAR>1987</YEAR>
 </CD>
 <CD>
  <TITLE>Black 
angel</TITLE>
  <ARTIST>Savage 
Rose</ARTIST>
  <COUNTRY>EU</COUNTRY>
  <COMPANY>Mega</COMPANY>
  <PRICE>10.90</PRICE>
  <YEAR>1995</YEAR>
 </CD>
 <CD>
  <TITLE>1999 
Grammy 
Nominees</TITLE>
  <ARTIST>Many</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>Grammy</COMPANY>
  <PRICE>10.20</PRICE>
  <YEAR>1999</YEAR>
 </CD>
 <CD>
  <TITLE>For 
the good times</TITLE>
  <ARTIST>Kenny 
Rogers</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Mucik 
Master</COMPANY>
  <PRICE>8.70</PRICE>
  <YEAR>1995</YEAR>
 </CD>
 <CD>
  <TITLE>Big 
Willie style</TITLE>
  <ARTIST>Will 
Smith</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>Columbia</COMPANY>
  <PRICE>9.90</PRICE>
  <YEAR>1997</YEAR>
 </CD>
 <CD>
  <TITLE>Tupelo 
Honey</TITLE>
  <ARTIST>Van 
Morrison</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Polydor</COMPANY>
  <PRICE>8.20</PRICE>
  <YEAR>1971</YEAR>
 </CD>
 <CD>
  <TITLE>Soulsville</TITLE>
  <ARTIST>Jorn 
Hoel</ARTIST>
  <COUNTRY>Norway</COUNTRY>
  <COMPANY>WEA</COMPANY>
  <PRICE>7.90</PRICE>
  <YEAR>1996</YEAR>
 </CD>
 <CD>
  <TITLE>The 
very best of</TITLE>
  <ARTIST>Cat 
Stevens</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Island</COMPANY>
  <PRICE>8.90</PRICE>
  <YEAR>1990</YEAR>
 </CD>
 <CD>
  <TITLE>Stop</TITLE>
  <ARTIST>Sam 
Brown</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>A 
and 
M</COMPANY>
  <PRICE>8.90</PRICE>
  <YEAR>1988</YEAR>
 </CD>
 <CD>
  <TITLE>Bridge 
of 
Spies</TITLE>
  <ARTIST>T'Pau</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Siren</COMPANY>
  <PRICE>7.90</PRICE>
  <YEAR>1987</YEAR>
 </CD>
 <CD>
  <TITLE>Private 
Dancer</TITLE>
  <ARTIST>Tina 
Turner</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>Capitol</COMPANY>
  <PRICE>8.90</PRICE>
  <YEAR>1983</YEAR>
 </CD>
 <CD>
  <TITLE>Midt 
om natten</TITLE>
  <ARTIST>Kim 
Larsen</ARTIST>
  <COUNTRY>EU</COUNTRY>
  <COMPANY>Medley</COMPANY>
  <PRICE>7.80</PRICE>
  <YEAR>1983</YEAR>
 </CD>
 <CD>
  <TITLE>Pavarotti 
Gala Concert</TITLE>
  <ARTIST>Luciano 
Pavarotti</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>DECCA</COMPANY>
  <PRICE>9.90</PRICE>
  <YEAR>1991</YEAR>
 </CD>
 <CD>
  <TITLE>The 
dock of the bay</TITLE>
  <ARTIST>Otis 
Redding</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>Atlantic</COMPANY>
  <PRICE>7.90</PRICE>
  <YEAR>1987</YEAR>
 </CD>
 <CD>
  <TITLE>Picture 
book</TITLE>
  <ARTIST>Simply 
Red</ARTIST>
  <COUNTRY>EU</COUNTRY>
  <COMPANY>Elektra</COMPANY>
  <PRICE>7.20</PRICE>
  <YEAR>1985</YEAR>
 </CD>
 <CD>
  <TITLE>Red</TITLE>
  <ARTIST>The 
Communards</ARTIST>
  <COUNTRY>UK</COUNTRY>
  <COMPANY>London</COMPANY>
  <PRICE>7.80</PRICE>
  <YEAR>1987</YEAR>
 </CD>
 <CD>
  <TITLE>Unchain 
my heart</TITLE>
  <ARTIST>Joe 
Cocker</ARTIST>
  <COUNTRY>USA</COUNTRY>
  <COMPANY>EMI</COMPANY>
  <PRICE>8.20</PRICE>
  <YEAR>1987</YEAR>
 </CD>
</CATALOG>