AJAX-XML实例

来源：互联网发布：炉石传输数据遇到问题编辑：程序博客网时间：2024/05/22 14:16

<html><head><script type="text/javascript">function loadXMLDoc(url){var xmlhttp;var txt,x,xx,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> </td>";          }        }      xx=x[i].getElementsByTagName("ARTIST");        {        try          {          txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";          }        catch (er)          {          txt=txt + "<td> </td>";          }        }      txt=txt + "</tr>";      }    txt=txt + "</table>";    document.getElementById('txtCDInfo').innerHTML=txt;    }  }xmlhttp.open("GET",url,true);xmlhttp.send();}</script></head><body><div id="txtCDInfo"><button onclick="loadXMLDoc('cd_catalog.xml')">获得 CD 信息</button></div></body></html>

cd_catalog.xml

<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></CATALOG>