如何使用Javascript中的动态数据获取JSON数组?

时间:2019-04-28 10:35:16

标签: javascript arrays json ajax

我目前正在从事大学项目,创建货币换算器。我想实现历史记录页面,在这里我可以使用来自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表格中?

1 个答案:

答案 0 :(得分:0)

您可以如下遍历数据并列出项目:

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

Check sample code here: