Question

var url = 'https://newsapi.org/v2/top-headlines?sources=talksport&apiKey='YOUR_API_KEY';

          
var req = new Request(url);
fetch(req)
    .then(function(response) {
        var results = (response.json());
       
      
       
    console.log(results);

    })

使用新闻API，我正在使用此代码来尝试为我的网站获取有关体育的文章。到目前为止，与我尝试过的不同，我已经成功地console.log从API中获取的JSON文件。这将返回一个对象，里面有10篇文章，这正是我想要的。但是，我希望能够console.log JSON对象内部的数据。我看过几个YouTube /编写的教程，试图找到我的答案以及我从中获得API的实际网站，但是它们没有提供更多信息，我很茫然。这里的任何帮助将不胜感激！

Console Log Object IMAGE

Answer 1

response.json返回一个承诺。您还需要链接另一个承诺，以获取所需的数据。

这是代码：

var url = 'https://newsapi.org/v2/top-headlines?sources=talksport&apiKey='YOUR_API_KEY';


var req = new Request(url);
fetch(req)
    .then(function(response) {
       return response.json()
    }).then(function(jsonResponse){
      console.log(jsonResponse)
    })

Answer 2

@ Akshay Milmile 是正确的。你必须履行诺言看到代码：

var YOUR_API_KEY = "";
var url = 'https://newsapi.org/v2/top-headlines?sources=talksport&apiKey=' + YOUR_API_KEY;

          
var req = new Request(url);
fetch(req)
    .then(function(response) {
        return response.json();
        console.log(results);

    }).then(function(jsonResponse){
      console.log(jsonResponse)
    })

但是您的错误来自另一行：

var url = 'https://newsapi.org/v2/top-headlines?ources=talksport&apiKey='YOUR_API_KEY';

如果要保留它，则必须将其更改为：

var url = 'https://newsapi.org/v2/top-headlines?sources=talksport&apiKey=' + YOUR_API_KEY;

能够获取API并在控制台中显示JSON，需要帮助来显示数据

2 个答案: