如何显示JQuery API的数据呼吁股票价格

Question

我正在尝试展示一份股票（劳埃德银行）的股价结束（EOD）。

我对提供API的Marketstack.com有一个帐户。 URL请求效果很好，但我真的很喜欢帮助我在页面上显示此内容。

URL为：

？

返回以下内容：

{"open":42.4,"high":43.575,"low":42.195,"close":43.395,"volume":139808684.0,"adj_high":null,"adj_low":null,"adj_close":43.395,"adj_open":null,"adj_volume":null,"split_factor":1.0,"dividend":0.0,"symbol":"LLOY.XLON","exchange":"XLON","date":"2022-06-24T00:00:00+0000"}

MarketStack提供了以下示例jQuery代码作为演示。

<script>
$.ajax({
  url: 'https://api.marketstack.com/v1/tickers/aapl/eod',
  data: {
    access_key: 'YOUR_ACCESS_KEY'
  },
  dataType: 'json',
  success: function(apiResponse) {
    if (Array.isArray(apiResponse['data'])) {
      apiResponse['data'].forEach(stockData => {
            console.log(`Ticker ${stockData['symbol']}`,
                `has a day high of ${stockData['high']},
                `on ${stockData['date']}`);
      });
    }
  }
});
</script>

如何进行API调用，获取“关闭”值并将其作为VAR对象，以便可以在页面上显示？

感谢您的帮助 - 希望有一天能帮助其他人使用他们的代码！

---

下面更新的代码：

<script>
$.ajax({
  url: 'https://api.marketstack.com/v1/tickers/NWG.XLON/eod/latest',
  data: {
  access_key: 'b391c31dfc8a648bd50b9b0befc8bec7'},
  dataType: 'json',
  success: function(apiResponse)
  {if (Array.isArray(apiResponse['data'])) {
  apiResponse['data'].forEach(stockData => {
   console.log(`Ticker ${stockData.symbol}, has a day high of ${stockData.high}, on ${stockData.date}`);
  });
}
}
});
</script>

删除{if（array.isarray block

<script>
$.ajax({
  url: 'https://api.marketstack.com/v1/tickers/NWG.XLON/eod/latest',
  data: {
  access_key: 'b391c31dfc8a648bd50b9b0befc8bec7'},
  dataType: 'json',
  success: function(apiResponse)
});
</script>

Answer 1

您的逻辑是正确的。您遇到的问题是，围绕模板的语法文字不正确。您使用了太多`字符。如果您将文字保留在一条线上，可以看到这一点。

// mock response:
let apiResponse = {"pagination":{"limit":100,"offset":0,"count":1,"total":1},"data":[{"open":42.4,"high":43.575,"low":42.195,"close":43.395,"volume":139808684.0,"adj_high":null,"adj_low":null,"adj_close":43.395,"adj_open":null,"adj_volume":null,"split_factor":1.0,"dividend":0.0,"symbol":"LLOY.XLON","exchange":"XLON","date":"2022-06-24T00:00:00+0000"}]}

// inside AJAX succes handler:
if (Array.isArray(apiResponse['data'])) {
  apiResponse['data'].forEach(stockData => {
    console.log(`Ticker ${stockData.symbol}, has a day high of ${stockData.high}, on ${stockData.date}`);
  });
}