时间戳

首页 > 解决方案 > 如何从 API 获取 JSON 文件中的特定数据？

javascript - 如何从 API 获取 JSON 文件中的特定数据？

问题描述

我对 API 和 JavaScript 很陌生。我想知道如何在我的网站上打印一条数据，例如：

我想在下次启动时只打印“名称”标签

https://launchlibrary.net/1.4/launch/next/1

标签： javascriptjson

解决方案

如果该 API 设置了适当的 CORS 标头（从我的测试看来确实如此），您可以使用名为fetch.

例如：

fetch('https://launchlibrary.net/1.4/launch/next/1')
    // Convert response to JSON
    .then(r => r.json())
    // Show name in console
    .then(data => console.log(data.launches[0].name));

然后，您可以使用数据与 DOM 进行交互，如下所示：

fetch('https://launchlibrary.net/1.4/launch/next/1')
    // Convert response to JSON
    .then(r => r.json())
    // Show name to user
    .then(launchData => alert(launchData.launches[0].name));

推荐阅读