使用openexchangerates API使用JS / JQuery进行货币转换

时间:2014-11-29 12:08:03

标签: javascript jquery html json api

我已经设法使用JS将JSON数据放入表单控件中,这是:

$("#getRates").ready(function () {
    $.getJSON("http://openexchangerates.org/api/currencies.json?app_id="APP_ID", function (data) {
        console.log(data);

        for (var value in data) {
        if (data.hasOwnProperty(value)) {
            var text = document.createTextNode(value);
        var select = document.getElementsByClassName('form-control')[1];

        select.appendChild(document.createElement('option')).appendChild(text);


    }
}

当前的JSON文件只包含国家/地区名称,但我希望使用另一个名为Latest.JSON的JSON文件并包含最新的费率,但它包含以下字段:

“许可证”:   “timestamp”:1417258840,   “基地”:“美元”,   “费率”:{     “AED”:3.672743,     “AFN”:57.800375,

如何使用将“费率”附加到表单函数并使用转换费率?

正如我之前尝试过的那样,我只是在console.log中获得“许可证”“时间戳”“基数”,但没有费率?

没有具体的答案可能只是朝某个方向看?

1 个答案:

答案 0 :(得分:1)

$。getJSON(“http://openexchangerates.org/api/latest.json?app_id=b65b6f0a06204a6087bab9a63a5845b7”,function(data){         的console.log(data.rates);

    for (var key in data.rates) {
    if (data.rates.hasOwnProperty(key)) {
        var text = document.createTextNode(key);
    var select = document.getElementsByClassName('form-control')[1];



    console.log(select);

    select.appendChild(document.createElement('option')).appendChild(text);


}
}

   for (var value in data.rates) {
    if (data.rates.hasOwnProperty(value)) {
        var text = document.createTextNode(value);
    var select = document.getElementsByClassName('form-control')[2];


 console.log(select);

    select.appendChild(document.createElement('option')).appendChild(text);


    }
}

});
});

我将var键更改为data.rates,这似乎解决了它。

现在使用来自latest.json的data.rates值填充我的两个form-cotrols ..

console.log()仅供我自己使用..