javascript - 使用javascript读取本地XML文件并在html页面中显示

Question

我正在尝试通过 javascript 读取 xml 文件并将其显示在 HTML 页面中。

我正在使用以下代码。

function readxml() {
alert("calledreadxml");
var myXML, studentnode;    
myXML= document.all("config.xml").XMLDocumentalert(myXML);
studentnode = myXML.documentElement
var string;
var nxtnode;
while(nxtnode)
{
    string = "the value of "+nxtnode.nodeName+"is :"+ nxtnode.nodeValue+"\n";
    nxtnode = myXML.nextSibling;
}
}

这段代码不起作用..有人可以帮忙吗

Answer 1

<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", "Images-Info.xml", false);
                           xmlhttp.send();
                           xmlDoc = xmlhttp.responseXML;


                                                   var x = xmlDoc.getElementsByTagName("Image_Store");

                           for (i = 0; i < x.length; i++) 
                           {
                              var type = x[i].getElementsByTagName("Image_Type")[0].childNodes[0].nodeValue;
                               var title = x[i].getElementsByTagName("Image_Title")[0].childNodes[0].nodeValue;
                              var des = x[i].getElementsByTagName("Image_Description")[0].childNodes[0].nodeValue;
                               var ph = x[i].getElementsByTagName("Image_Photo")[0].childNodes[0].nodeValue;
                               var thm = x[i].getElementsByTagName("Thumbnail_Photo")[0].childNodes[0].nodeValue;
                              // Ul1.innerHTML = Ul1.appendChild("<li><div><a  href=\"" + ph + "\" \><img src=\"" + thm + "\" \/></a><p>" + title + "</p></div><div class=\"data\"><div><h1>" + title + "</h1>" + des + "</div></div></li>");
                               document.write("<li>");
                               document.write("<div>");
                               document.write("<a  href=\"" + ph + "\" \>");
                               document.write("<img src=\"" + thm + "\" \/>");
                               document.write("</a>");
                               document.write("<p>");
                               document.write(title);
                               document.write("</p>");
                               document.write("</div>");
                               document.write("<div class=\"data\">");
                               document.write("<div>");
                               document.write("<h1>");
                               document.write(title);
                               document.write("</h1>");
                               document.write(des);
                               document.write("</div>");
                               document.write("</div>");
                               document.write("</li>");
                           }                
        </script>