@sochi-russia

Есть запрос 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}

Спасибо
  • Вопрос задан
  • 442 просмотра
Решения вопроса 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>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы