Search code examples
javascriptxmlxmlhttprequest

Using Javascript to retrieve from XML, getting an error?

This gives me an error:

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <script type="text/javascript">
            function loadXMLDoc(dname)
            {
                if (window.XMLHttpRequest)
                {
                    xhttp=new XMLHttpRequest();
                }
                else
                {
                    xhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                xhttp.open("GET",dname,false);
                xhttp.send();
                return xhttp.responseXML;
            }

            var xmlDoc=loadXMLDoc("books.xml");

            var books = xmlDoc.getElementByTagName("title");

            for(var i = 0; i < books.length; i++){

                document.write(xmlDoc.getElementsByTagName("title")[i].childNodes[0].nodeValue + "<br />");
                document.write(xmlDoc.getElementsByTagName("author")[i].childNodes[0].nodeValue + "<br />");
                document.write(xmlDoc.getElementsByTagName("year")[i].childNodes[0].nodeValue + "<br />");

            }
        </script>

    </head>
    <body>
        <div>TODO write content</div>
    </body>
</html>

However if I remove the line: var books = xmlDoc.getElementByTagName("title"); and replace books.length to say '3' it works.

My XML:

<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy® -->
<bookstore>
<book category="cooking">
<title lang="en">Everyday Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>
<price>30.00</price>
</book>
<book category="children">
<title lang="en">Harry Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</price>
</book>
<book category="web">
<title lang="en">XQuery Kick Start</title>
<author>James McGovern</author>
<author>Per Bothner</author>
<author>Kurt Cagle</author>
<author>James Linn</author>
<author>Vaidyanathan Nagarajan</author>
<year>2003</year>
<price>49.99</price>
</book>
<book category="web" cover="paperback">
<title lang="en">Learning XML</title>
<author>Erik T. Ray</author>
<year>2003</year>
<price>39.95</price>
</book>
</bookstore>
Solution

  • Might it just be that you left out the "s" in xmlDoc.getElementsByTagName("title")?