从API获取数据并将其分离为jQuery变量 [英] Get data from API and seperate it into variables with jQuery

问题描述

我正在尝试请求数据，然后使用相关属性填充9个不同的P标签，只是我在努力做到这一点.

I'm trying to request data and then populate 9 different P tags with the relevant attributes only I'm struggling with how to do it.

// 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函数，或者我是否可以将它们组合在一起?

I've not worked with API's before so I'm unsure if ill need to have 3 getJSON functions too or if I can somehow combine these?

这是一个小提琴，显示了我到目前为止的进展

Here's a fiddle showing my progress so far

https://jsfiddle.net/mvs26pv8/

推荐答案

您可以使用 html()插入值

You can insert the values with 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);
    });
  });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<p>BTC in EUR = <span class="btc-eur"></span></p>
<p>BTC in GBP = <span class="btc-gbp"></span></p>
<p>BTC in USD = <span class="btc-usd"></span></p>

<br/><br/>

<p>ETH in EUR = <span class="eth-eur"></span></p>
<p>ETH in GBP = <span class="eth-gbp"></span></p>
<p>ETH in USD = <span class="eth-usd"></span></p>

<br/><br/>

<p>LTC in EUR = <span class="ltc-eur"></span></p>
<p>LTC in GBP = <span class="ltc-gbp"></span></p>
<p>LTC in USD = <span class="ltc-usd"></span></p>

这篇关于从API获取数据并将其分离为jQuery变量的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！