|
Вывод курса валют
Здравствуйте!
Подскажите пожалуйста я полный ноль в json и js Нужно вывести курс доллара со стрелкой в блок class или id. Дальше я сам могу. Есть такой скрипт там уже готовый вариант, просто вставить и всё. Но там показывает не точный курс в формате jsonp есть вариант с точным курсом, там простой json Пожалуйста помогите вывести курс в div блок? |
Подскажите, пожалуйста, тут есть кто?
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="usd"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$.getJSON("https://www.cbr-xml-daily.ru/daily_json.js", function(data) {
$('#usd').html(data.Valute.USD.Nominal+" Доллар -> "+ data.Valute.USD.Value+" Рублей");
});
</script>
</body>
</html>
|
Ух ты так просто, спасибо огромное, а можно немного сократить?
57.2196 так 57.21 и стрелку добавить, роста или падения? Иконки не работают
<script>
$.getJSON("https://www.cbr-xml-daily.ru/daily_json.js", function(data) {
$('#usd').html(data.Valute.USD.Nominal+" <i class="fa fa-usd" aria-hidden="true"></i> "+ data.Valute.USD.Value+" <i class="fa fa-rub" aria-hidden="true"></i>");
});
</script>
|
Когда выводится пишется число "1" - 1$ 57.2196 руб. Как его убрать?
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="usd"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
<script>
$.getJSON("https://www.cbr-xml-daily.ru/daily_json.js", function(data) {
$('#usd').html((data.Valute.USD.Value<data.Valute.USD.Previous?'<i class="fas fa-long-arrow-alt-down"></i>':'<i class="fas fa-long-arrow-alt-up"></i>')+'<i class="fas fa-dollar-sign"></i>'+data.Valute.USD.Value.toFixed(2)+' <i class="fas fa-ruble-sign"></i>');
});
</script>
</body>
</html>
|
Лучше сократить:
....
var usd = data.Valute.USD;
$('#usdv').html('<i class="fas fa-long-arrow-alt-'+(usd.Value < usd.Previous ? 'down' : 'up')+....
PS. Это замечанию автору. Если сайт завязан на фондовый рынок или товарную биржу, тогда да, динамика курса валюты важна. Но если сайт, это магазин бубликов, то динамически изменяемый курс вреден. Курс валют устанавливается по окончании торгов на валютной бирже, и запрос к СБ нужно делать только один раз - если в локальном хранилище нет курса или локальное хранилище содержит курс не текущей даты. |
laimas,
Цитата:
|
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 13:57. |
|