Question

96

How to Load XML File Contents using Javascript?

rated 0 times [ 98] [ 2] / answers: 1 / hits: 29170 / 15 Years ago, fri, may 8, 2009, 12:00:00

I'm looking for a way to load an XML file's contents directly into a Javascript variable. Say I have the following directory structure:

/index.html

/loader.js

/file.xml

In index.html, there is a <body> tag, whose contents should be replaced with the contents of the XML file. So if the XML file contains:

<element>

    <item>Item One</item>

    <item>Item Two</item>

</element>

Then after the dynamic load, the HTML would be:

...

<body>

<element>

...

</element>

</body>

...

My question is, what function can I use in loader.js to load the contents straight into a variable? I have used XmlHttpRequests and the ActiveX XMLDOM parser, but all just give me a structural data model that I then have to sort through to find my elements. I don't need to parse anything, I just want to obtain all the file contents.

Note: HTML/Javascript only, no server-side code.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tayaw

Add To Favorites

Follow

Total Points: 749

Total Questions: 88

Total Answers: 86

Location: Djibouti

Member since Sun, Feb 27, 2022

2 Years ago

tayaw questions

1 How to enable cache for getServerSideProps?

Thu, Mar 3, 22, 00:00, 2 Years ago

1 navigator.clipboard.readText() is not working in Firefox

Fri, May 7, 21, 00:00, 3 Years ago

1 Vuetify form .$refs validate is not a function

Wed, Oct 7, 20, 00:00, 4 Years ago

1 Using absolute position to place image above another image using Tailwind CSS

Sun, Sep 6, 20, 00:00, 4 Years ago

1 How to make div tag clickable with Link from react-router-dom?

Wed, Jun 17, 20, 00:00, 4 Years ago

View All

answered 15 Years ago erick · Accepted Answer

I think I may have figured it out. The following seems to work pretty well:

function loadFileToElement(filename, elementId)

{

    var xmlHTTP = new XMLHttpRequest();

    try

    {

    xmlHTTP.open(GET, filename, false);

    xmlHTTP.send(null);

    }

    catch (e) {

        window.alert(Unable to load the requested file.);

        return;

    }



    document.getElementById(elementId).innerHTML=xmlHTTP.responseText;

}