Получение обменного курса JSON от fixer.io к HTML

Я пытаюсь вывести текущий курс доллара США к евро из fixer.io в одну строку в файле HTML и заменить символ "." в значении USD с ",".

Кто-нибудь может мне помочь?

ССЫЛКА: 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 ответа

Решение

Попробуйте следующее: оно включает в себя все зависимости 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>
Источник

Также вы можете попробовать Java API для fixer.io: https://github.com/lico/jFixer

Эти API инкапсулируют вызов веб-службы.

Источник
Другие вопросы по тегам