Добавить результаты JSON в HTML - PullRequest
Новая
       10

Добавить результаты JSON в HTML

2 голосов
/ 13 декабря 2011

У меня есть этот JSON-файл с курсами валют: 

http://openexchangerates.org/latest.json

Может кто-нибудь помочь мне со скриптом jQuery, чтобы результаты выглядели так:

<div class="currency">USD</div><div class="value">1.000</div>

<script type="text/javascript">

   $(document).ready(function() {
    var url =  "http://openexchangerates.org/latest.json";
    $.getJSON(url + "?callback=?", null,function(data) {

       // ADD CODE HERE

    });
    });


</script>

Ответы [ 4 ]

2 голосов
/ 13 декабря 2011

Предполагая, что вы хотите пройтись по всем этим ставкам .... вы захотите сделать что-то в соответствии с этим. 

<script type="text/javascript"> 

   $(document).ready(function() { 
    var url =  "http://openexchangerates.org/latest.json"; 
    $.getJSON(url + "?callback=?", null,function(data) { 
       var myElementToAppendTo = $("#myElement");  // Note: add whatever element you are putting this into here
       $.each(data.rates, function(key, value) {
         if(key == "EUR" || key == "USD" || key == "GBP") {
           myElementToAppendTo.append("<div class='currency'>" + key + "</div><div class='value'>" + value + "</div>");
         }
       }

    }); 
   }); 


</script>
2 голосов
/ 13 декабря 2011

Если у вас есть: 

<div class="currency">USD</div><div class="value"></div>

Этот код получит значение доллара США внутри div с значением класса. 

$('div.value').text(data.rates.USD);

Если вам нужно создать таблицусо всеми тарифами вам придется перебирать индекс ставок.

1 голос
/ 13 декабря 2011 
$.each(data.rates,function(key,val){
  var Div1 = $('<div class="currency" />').text(key).appendTo($('YOURFORM'));
  var Div2 = $('<div class="value" />').text(val).appendTo($('YOURFORM'));
});

что-то подобное?

1 голос
/ 13 декабря 2011 
<script type="text/javascript">

   $(document).ready(function() {
    var url =  "http://openexchangerates.org/latest.json";
    $.getJSON(url + "?callback=?", null,function(data) {
         jQuery.each(data, function(currency, value) {
         $("body").append("<div class="currency">"+currency+"</div><div class="value">"+value+"</div>");
          });

    });
    });
</script>
...