无法从纽约时报 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.results

for (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 headingtitle.innerText = articles[i].title // add the title from the API to your headingdocument.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')&nbsp; .then((resp) => resp.json())&nbsp; .then(function(data) {&nbsp; &nbsp; data.results.forEach(res => {&nbsp; &nbsp; &nbsp; html.push(`<h1>${res.title}</h1>`);&nbsp; &nbsp; })&nbsp; &nbsp; document.getElementById("res").innerHTML = html.join("");&nbsp; })<div id="res"></div>