如何在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']);
}

在此處檢查示例代碼：