javascript - 将 JSON 树导航到来自 Reddit API 的数据

Question

我会尽量保持简短。我是一名在校学生，一直在尝试从 Reddit 的首页检索前 5 篇帖子，并在 HTML 页面上显示标题和 URL。这可能是非常简单的事情，但我无法让它发挥作用。我想将数据从单个变量传递到我的 Handlebars 模板。我不断收到未处理的 promise 警告。这是我的代码。

let url = 'https://www.reddit.com/.json?limit=5';
let settings = { method: "Get"};
let redditData = ""
fetch(url, settings)
    .then(res => res.json())
    .then(data => {
        redditData = [
    {
    title: data.children.data.title,
    url: data.children.data.url_overriden_by_dest
    }
    ];
});

Answer 1

data对象的结构与您对其进行编码的方式不同。以下是如何从第一个 child 中提取您想要的信息:

let url = 'https://www.reddit.com/.json?limit=5';
let settings = { method: "Get"};
let redditData = ""
fetch(url, settings)
    .then(res => res.json())
    .then(data => {
        redditData = [
    {
    title: data.data.children[0].data.title,
    url: data.data.children[0].data.url_overriden_by_dest
    }
    ];
});