从API获取数据并使用jQuery将其分离为变量

我正在尝试请求数据,然后P使用相关属性填充9个不同的标签,我只是在努力解决这个问题.

// Gets BTC Price in 3 currencies
var btc = "https://min-api.cryptocompare.com/data/price?fsym=BTC&tsyms=USD,EUR,GBP";

// Gets ETH Price in 3 currencies
var eth = "https://min-api.cryptocompare.com/data/price?fsym=ETH&tsyms=USD,EUR,GBP";

// Gets LTC Price in 3 currencies
var ltc = "https://min-api.cryptocompare.com/data/price?fsym=LTC&tsyms=USD,EUR,GBP";

$.getJSON( btc, function( data ) {
  var items = [];
  $.each( data, function( key, val ) {
    items.push( key + val );
  });

  // see fetched data to then be stored for later use...
  alert( "JSON Data: " + items[1,1] );

});

我之前没有使用API​​,所以我不确定是否需要有3个getJSON功能,或者我能以某种方式将它们组合起来吗？

到目前为止,这是一个显示我进步的小提琴

https://jsfiddle.net/mvs26pv8/

您可以插入值 html()

// Gets BTC Price in 3 currencies
getData('btc', 'https://min-api.cryptocompare.com/data/price?fsym=BTC&tsyms=USD,EUR,GBP');

// Gets ETH Price in 3 currencies
getData('eth', 'https://min-api.cryptocompare.com/data/price?fsym=ETH&tsyms=USD,EUR,GBP');

// Gets LTC Price in 3 currencies
getData('ltc', 'https://min-api.cryptocompare.com/data/price?fsym=LTC&tsyms=USD,EUR,GBP');

function getData(prefix, url) {
  $.getJSON(url, function(data) {
    $.each(data, function(key, val) {
      $('.' + prefix + '-' + key.toLowerCase()).html(val);
    });
  });
}

BTC in EUR = 
BTC in GBP = 
BTC in USD = 





ETH in EUR = 
ETH in GBP = 
ETH in USD = 





LTC in EUR = 
LTC in GBP = 
LTC in USD =