javascript - 如何在 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"}

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

如何将此类数组中的数据提取到 HTML 中的表格中？

标签： javascriptarraysjsonajax

Answer 1

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

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

在此处查看示例代码：