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

时间:2017-12-05 08:44:01

标签: html json fixer.io

我正在尝试将当前USD到EUR的费率从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;

  });
});

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

您还可以尝试使用Java API for fixer.io: https://github.com/lico/jFixer

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