获取从 fixer.io 到 HTML 的 JSON 汇率

Question

我正在尝试将当前美元兑欧元的汇率从 fixer.io 获取到 HTML 文件中的一行并替换“.”在带有“，”的美元值中。

有人可以帮我吗？

LINK: https://api.fixer.io/latest?symbols=USD

{
  "base": "EUR",
  "date": "2017-12-04",
  "rates": {
    "USD": 1.1865
  }
}

我在 HTML 文件中需要的内容：

1,1865

编辑：

这是我到目前为止尝试过的（实际上以前从未这样做过）：

HTML:

<span id="rate_usd"></span>

JS:

$(document).ready(function(){
  var url= "https://api.fixer.io/latest?symbols=USD"
  $.getJSON(url,function(data){
    document.getElementById("rate_usd").innerHTML = data.rates.USD;

  });
});

Answer 1

尝试下面的方法，它包括您引用的所有 HTML、JS 和 jQuery 依赖项。

你非常接近，这里我们使用 API 返回的数字，将其转换为带有 toString() 的字符串，然后将 . 替换为 , 根据要求。

<html>
  <head>
    <title>USD Rate</title>
  </head>
  <body>
    <span id="rate_usd"></span>
    <script
      src="https://code.jquery.com/jquery-3.2.1.min.js"
      integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
      crossorigin="anonymous"></script>
    <script>
      $(function() {
        $.getJSON('https://api.fixer.io/latest?symbols=USD', function(data) {
          var usdRate = data.rates.USD.toString();
          var commaFormatted = usdRate.replace('.', ',')
          document.getElementById('rate_usd').innerHTML = commaFormatted;
        });
      });
    </script>
  </body>
</html>

Answer 2

您也可以尝试 Java API for fixer.io： https://github.com/lico/jFixer

这些API封装了对网络服务的调用。

获取从 fixer.io 到 HTML 的 JSON 汇率

Getting JSON exchange rate from fixer.io to HTML

html

json

fixer.io