javascript - 将 JSON 结果添加到 HTML

Question

我有这个包含货币汇率的 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>

Answer 1

假设您想要遍历所有这些速率....您将想要围绕这个行做一些事情。

<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>