在HTML中显示XML属性页面

我正在使用JavaScript在HTML页面中显示XML属性的详细信息。我的XML文件是：在HTML中显示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>

代码的HTML是：

<html> 
    <body> 
    <script type="text/javascript"> 
    if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp=new XMLHttpRequest(); 
    } 
    else 
    {// code for IE6, IE5 
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.open("GET","cd_catalog.xml",true); 
    xmlhttp.send(); 
    xmlDoc=xmlhttp.responseXML; 

    document.write("<table border='1'>"); 
    var x=xmlDoc.getElementsByTagName("CD"); 
    for (i=0;i<x.length;i++) 
    { 
     document.write("<tr><td>"); 
     document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue); 
     document.write("</td><td>"); 
     document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue); 
     document.write("</td></tr>"); 
    } 
    document.write("</table>"); 
    </script> 
    </body> 
</html>

的问题是，没有什么是浏览器中显示。上面的代码中有没有问题？

来源

2012-04-08 AMUL

什么是您的Firebug的控制台说？（或Chrome开发者控制台） – jmort253 2012-04-08 07:36:31

它给错误：SCRIPT5：访问被拒绝。 home.html，第12行字符1 – AMUL 2012-04-08 13:12:02

xmlhttp.open("GET","cd_catalog.xml",true); 
xmlhttp.send(); 
xmlDoc=xmlhttp.responseXML;

true这里给你一个异步HTTP请求。它将在后台取回文档，并在完成后回拨onreadystatechange和readyState==4。这可能不会发生在您阅读responseXML的下一个声明中。

如果您想要一个同步请求，它会暂停浏览器并在文档抓取完成之前不执行下一行，而是使用false。

但请注意，浏览器挂起的结果通常被认为是非常不可取的。通常，您应该优先使用带回调函数的异步请求。但是，这样的功能必须使用DOM方法将内容写入页面，而不是仅在页面加载时才可用的老派document.write。

最后，你不是HTML转义的nodeValue是你将它们写入文档时，如果有一个在数据中的任何<或&字符阅读，你有问题。

埃塔：这里的异步与DOM方法做这件事的一个未经考验的例子：

<table id="cds"></table> 
<script type="text/javascript"> 

    var xhr= window.XMLHttpRequest? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); 
    xhr.onreadystatechange= function() { 
     if (this.readyState===4 || this.status===200) 
      populateTable(this.responseXML); 
    }; 
    xhr.open('GET', 'cd_catalog.xml', true); 
    xhr.send(); 

    function populateTable(xml) { 
     var table= document.getElementById('cds'); 
     var cds= xml.getElementsByTagName('CD'); 
     for (var i= 0; i<cds.length; i++) { 
      var row= table.insertRow(-1); 

      function getProperty(name) { 
       var el= cds[i].getElementsByTagName(name)[0]; 
       if (el.firstChild) 
        return el.firstChild.data; 
       return ''; // allow empty elements 
      } 
      function addCell(value) { 
       row.insertCell(-1).appendChild(document.createTextNode(value)); 
      } 

      addCell(getProperty('ARTIST')); 
      addCell(getProperty('TITLE')); 
     } 
    }; 

</script>

来源

2012-04-08 07:51:07 bobince

在HTML中显示XML属性页面

回答

相关问题