无法从纽约时报 API 检索数据

Question

我试图获得最大的image，title，short description和url来自纽约时报API头条新闻。在获得我需要的所有信息之前，我试图只获得标题，但似乎无法获得任何信息。我的代码有问题吗？更新：我已将元素添加到 DOM（请参阅下面的代码），但标题仍未显示。我之前也尝试在控制台中打印它，但那里也没有打印任何内容。var url = 'https://api.nytimes.com/svc/topstories/v2/science.json?api-key=MY_API_KEY'function setup() {    noCanvas()    loadJSON(url, gotData)}function gotData(data) {const articles = data.resultsfor (let i = 0; i < articles.length; i++) {    const title = document.createElement('h1')     title.innerText = articles[i].title     document.body.appendChild(title)}}

Answer 1

好吧，您创建了元素，但您仍然需要将它添加到 DOM。

要创建您的元素：

const title = document.createElement('h1')

并将其添加到 DOM（使其实际出现在您的页面上）：

document.body.appendChild(title)

但是现在您仍然需要从 API 中添加您的实际标题：

title.innerText = articles[i].title

一起来：

const title = document.createElement('h1') // create the heading

title.innerText = articles[i].title // add the title from the API to your heading

document.body.appendChild(title) // add your heading to the DOM (this will make it appear)

Answer 2

看看这个。我回答了你的骗局，但这里更好

let html = [];

fetch('https://api.nytimes.com/svc/topstories/v2/science.json?api-key=yourApiKey')

  .then((resp) => resp.json())

  .then(function(data) {

    data.results.forEach(res => {

      html.push(`<h1>${res.title}</h1>`);

    })

    document.getElementById("res").innerHTML = html.join("");

  })

<div id="res"></div>