Javascriptを使用してXMLファイルの内容をロードする方法は?
-
20-08-2019 - |
質問
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
でどの関数を使用できますか? XmlHttpRequestsとActiveX XMLDOMパーサーを使用しましたが、すべてが構造データモデルを提供するだけで、それを使用して要素を見つける必要があります。何も解析する必要はありません。すべてのファイルの内容を取得したいだけです。
注: HTML / Javascriptのみ、サーバーサイドコードなし。
解決
私はそれを理解したかもしれないと思う。以下はかなりうまくいくようです:
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プロパティを読み取って、解析前にプレーンテキストを取得できますか?
所属していません StackOverflow