Задать вопрос
@sochi-russia
javascript

Есть запрос API в виде ссылки и есть ответ, как оформить?

как сделать js обращение по ссылке и результат (ответ) оформить стилями css?
На примере запроса:
http://api.travelpayouts.com/v2/prices/latest?currency=rub&period_type=year&page=1&limit=30&show_to_affiliates=true&sorting=price&trip_class=0&token=

Ключ не написан специально
Ответ:
{"success": true, "data": [{"show_to_affiliates":true,"trip_class":0,"origin":"IST","destination":"AYT","depart_date":"2016-05-03","return_date":"2016-05-06","number_of_changes":0,"value":1458,"found_at":"2015-12-22T20:54:18+04:00","distance":484,"actual":true}

Спасибо
  • Вопрос задан
  • 450 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
petermzg
@petermzg
Самый лучший программист
Html:
<div id='templates' style='display:none;'>
  <div class='latest-price'>
    <div class='price-value'></div>
  </div>
</div>

Javascript:
$.getJSON(url,
                 function(dt){
                       if (dt.success){
                          var template = $('#templates > div');
                          var clone = template.clone();
                          clone.find('.price-value').text(dt.data[0].value);
                          clone.appendTo($('#parent-block'));
                       }
                 });

CSS:
.latest-price .price-value{
    color: red;
  }


Добавлено:
<html>
  <body>
    <style>CSS</style>
    <div>
       <div id='parent-block'></div>
       Код выше
    </div>
    <script>Javascript </script>
  </body>
</html>
Ответ написан
9 комментариев
9 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Бэкэнд-разработчик JavaScript
Wanted. • Москва
от 250 000 до 400 000 ₽
JavaScript Fullstack
OnClass
от 2 000 до 7 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработка Roguelike-игры на Unity для Android
26 дек. 2024, в 01:11
120000 руб./за проект
Доработка веб-платформы на PHP
26 дек. 2024, в 00:27
35000 руб./за проект
Нарисовать обложку для рекламной кампании в VK Ads
25 дек. 2024, в 22:59
1000 руб./в час
Ещё заказы