如何在Javascript中使用动态数据获取JSON数组？

Question

我目前正在从事大学项目，创建货币转换器。 我想实现历史页面，我可以在其中使用 exchangeatesapi.io API 响应中的 JSON 并将其显示在 PHP 页面的表格中。

例如： https : //api.exchangeratesapi.io/history?start_at=2019-04-22&end_at=2019-04-25&base=EUR&symbols=USD

{"base":"EUR","rates":{"2019-04-23":{"USD":1.1245},"2019-04-24":{"USD":1.1209},"2019-04-25":{"USD":1.1123}},"end_at":"2019-04-25","start_at":"2019-04-22"}

问题是所需的值存储在“rates”数组中，其中所有值都是动态更改的（日期和汇率本身），我无法通过 document.getElementById("").innerHTML 中的获取和显示它们Javascript。

如何将这样的数组中的数据提取到 HTML 表格中？

Answer 1

您可以循环遍历数据和列表项，如下所示：

for (var key in data.rates) {
    console.log('Date: '+ key);
    console.log('Rate: '+ data.rates[key]['USD']);
}

在此处检查示例代码：