如何使用普通JavaScript将此API中的数据显示到HTML中？_Javascript_Html_Json_Ajax

如何使用普通JavaScript将此API中的数据显示到HTML中？

javascript html json ajax

如何使用普通JavaScript将此API中的数据显示到HTML中？,javascript,html,json,ajax,Javascript,Html,Json,Ajax,我尝试使用AJAX调用从web上的电影API检索数据。以下是我的HTML代码： <html> <head> <meta charset=utf-8> <title>Movie Database</title> </head> <body onload = "loadMyData(), loadYear()"> <div id = "m

我尝试使用AJAX调用从web上的电影API检索数据。以下是我的HTML代码：

<html>
    <head>
        <meta charset=utf-8>
        <title>Movie Database</title>
    </head>

    <body onload = "loadMyData(), loadYear()">
        <div id = "main-content">
            <h1>Movie Database</h1>

            <select id="genre"  class="filterButton">

           </select>

            <select id="releaseDate"  class="filterButton"> 

           </select>

           <input type="text" value="Enter Release Date YYYY-MM-DD">

           <button id="search">SEARCH</button>

        </div>
        <div id = "content"></div>
        <script src = "myScript4.js"></script>

    </body>

</html>

如您所见，“结果”在JSON文件中。这是JavaScript文件中未定义的位。我如何定义它

Javascript是区分大小写的语言

因此，您的

displayData

函数似乎有一些不正确的变量，如下所示：

function displayData(results, title, poster_path, overview)
{
  var div = document.createElement('div');
  div.setAttribute('results', results);
  div.innerHTML = title + '<br />' + poster_path + overview;
  document.body.appendChild(div);   
}

功能显示数据（结果、标题、海报路径、概述）
{
var div=document.createElement（'div'）；
div.setAttribute（“结果”，结果）；
div.innerHTML=title+'
'+海报路径+概览；
文件.正文.附件（div）；
}

在代码的这一部分：

var sourceData = JSON.parse(xhr.responseText);
console.log(sourceData);
displayData(results, title, poster_path, overview);

“结果”尚未定义。我不知道“results”在哪里，也不知道您希望它是什么，但我想猜测它只是responseText的json中的一个对象，所以您应该在displayData调用之前添加这一行：

var results=sourceData.results

如果

results

不是

sourceData

的属性，那么显然要使

var results

等于响应中需要的任何值。

在javascript中的任何地方都没有定义变量“results”。我知道，但我不知道如何定义它。它是JSON文件的一部分，所以我认为它可以从那里读取。谢谢。关于如何定义结果有什么想法吗？

function displayData(results, title, poster_path, overview)
{
  var div = document.createElement('div');
  div.setAttribute('results', results);
  div.innerHTML = title + '<br />' + poster_path + overview;
  document.body.appendChild(div);   
}

var sourceData = JSON.parse(xhr.responseText);
console.log(sourceData);
displayData(results, title, poster_path, overview);