无法通过javascript将JSON添加到DOM中

Unable to add JSON into DOM via javascript

本文关键字：添加 DOM JSON javascript      更新时间：2023-09-26

我有一个问题，输入外部JSON文件的文本到我的DOM。我已经使用alert命令来确认我能够检索数据，现在我不能将检索到的数据添加到DOM中。

    <!DOCTYPE html>
<html>
<head>
<title>Starting Point</title>
<script>
function do_exercise () {
    var x = new XMLHttpRequest();
    x.open('GET', 'http://tmaserv.scem.uws.edu.au/chapters/?n=2', true);
    x.onreadystatechange = function() {
        if (x.readyState == 4 && x.status ==200) {
            obj = (x.responseText);
            alert(obj);
            obj = JSON.parse(text);
            document.getElementById("section1").innerHTML =
            obj.map(function(chap) { 
            return chap.data}).join("<br />");
        }
    }
    x.send(null);
}
    </script>
        </head>
        <body>
            <nav>           
            <button onclick="do_exercise();">Click Me</button>      
            </nav>
            <section id = "section1">
            <h1>Heading One</h1>
            <p>Paragraph One.</p>
            </section>
    </body>

第一个错误的变量名…

obj = (x.responseText);
//obj = JSON.parse(text);
obj = JSON.parse(obj);

第二，接收到的数据是Object而不是Array，所以不能使用"map"方法

相关文章：