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.
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;
}
也许你可以在解析之前读取XmlHttpRequests的responseText属性以获得纯文本?
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.