使用 XMLHttpRequest.responseText 解析 XML 文件不会在 div 上显示

Question

我正在尝试从 API link 解析 XML 文档...

但是，当我尝试使用代码 div.innerHTML=request.responseText 时，它不会将文本解析为 div，这与在行中调用的警报中不同前。

<div id="myDiv"></div>

<script>
var url = 'http://www.bea.gov/api/data/?&userID=XXXXX&method=GETDATASETLIST&ResultFormat=XML&';
    div = document.getElementById("myDiv");

request = new XMLHttpRequest();
request.open('GET', url, true);
request.onload = function() {
    data = request.responseText;
    alert(data);
    div.innerHTML = data;
};
request.send();
</script>

警报功能有效但 div.innerHTML 功能不适用于 request.responseText 的任何原因？

Answer 1

var url = 'http://www.bea.gov/api/data/?&userID=XXXXX&method=GETDATASETLIST&ResultFormat=XML&';
var div = document.getElementById("myDiv");
request = new XMLHttpRequest();
request.open('GET', url, true);
request.onload = function() {
    data = request.responseText;
    console.log(data);
    div.textContent = data;
};
request.send();

这应该有效。

使用 XMLHttpRequest.responseText 解析 XML 文件不会在 div 上显示

Parsing an XML file with XMLHttpRequest.responseText won't display on div

html

javascript

xml

api

ajax