如何在 Javascript 中获取包含动态数据的 JSON 数组？答案

【问题标题】：How to fetch JSON array with dynamic data in Javascript?如何在 Javascript 中获取包含动态数据的 JSON 数组？
【发布时间】：2019-09-17 06:05:17
【问题描述】：

我目前正在从事大学项目，创建货币转换器。我想实现历史页面，我可以在其中使用 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"}

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

如何从这样的数组中获取数据到 HTML 表格中？

【问题讨论】：

请查看stackoverflow.com/questions/26031010/…
rates 是一个对象而不是数组。
@BJohn 但我怎样才能链接到日期并自行评分？它们没有任何命名，就像在您的示例中一样。

标签： javascript arrays json ajax

【解决方案1】：

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

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

Check sample code here:

【讨论】：