Displaying specific json data from URL

Question

I'm trying to display the data for "total_txs" from this URL https://www.chain.so/api/v2/address/DOGE/DK1i69bM3M3GutjmHBTf7HLjT5o3naWBEk

I've put together the following but the div is blank. (Forgive me if its painfully simple to see what I'm doing wrong)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script>
$.getJSON("https://www.chain.so/api/v2/address/DOGE/DK1i69bM3M3GutjmHBTf7HLjT5o3naWBEk", function(data) {

$('#totaldonations').text(data.total_txs);
});
</script>

<div id="totaldonations"></div>

score 1 · Accepted Answer · answered Apr 28 '18 at 15:03

1

data further contains a key named data, under which your desired attribute lies. So you need to extract the value as data.data.total_txs.

See the working demo below:

$.getJSON("https://www.chain.so/api/v2/address/DOGE/DK1i69bM3M3GutjmHBTf7HLjT5o3naWBEk", function(data) {
  $('#totaldonations').text(data.data.total_txs);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="totaldonations"></div>

To avoid any confusion, rename the callback argument to response, so the key becomes response.data.total_txs, which makes much more sense.

answered Apr 28 '18 at 15:03

31piy

23,323
6
47
67

I cannot believe I missed that. Thank you, I've been pulling my hair out! – Chris 'Pig' Hill Apr 28 '18 at 15:05
@Lelio Faieta Have done, there was a 10 time limit before I could accept it. Cheers! – Chris 'Pig' Hill Apr 28 '18 at 15:22

Displaying specific json data from URL

1 Answers1