如何使用Javascript加载XML文件内容？

Question

如何使用Javascript加载XML文件内容？

8

我正在寻找一种将XML文件内容直接加载到Javascript变量中的方法。假设我有以下目录结构：

/index.html
/loader.js
/file.xml

在 index.html 文件中，有一个 <body> 标签，它的内容应该被 XML 文件的内容所替换。因此，如果 XML 文件包含以下内容：

<element>
    <item>Item One</item>
    <item>Item Two</item>
</element>

然后在动态加载之后，HTML将会变成这样：

...
<body>
<element>
...
</element>
</body>
...

我的问题是，在loader.js中可以使用什么函数将内容直接加载到变量中？我已经使用了XmlHttpRequest和ActiveX XMLDOM解析器，但它们都只给我一个结构数据模型，然后我必须筛选出我的元素。我不需要解析任何内容，我只想获取所有文件的内容。

注意：仅限HTML/Javascript，没有服务器端代码。

- Craig Otis

这在使用纯JavaScript时可能会很麻烦，你使用任何框架吗？（在有人说“使用jQuery”之前...） - roryf

2个回答

2

也许你可以读取XmlHttpRequests的responseText属性，以在解析之前获得纯文本？

- Eineki

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Craig Otis · Accepted Answer

我想我可能已经弄清楚了。以下的方法似乎非常有效:

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;
}