显示来自 URL 的特定 json 数据

Question

我正在尝试显示来自此 URL https://www.chain.so/api/v2/address/DOGE/DK1i69bM3M3GutjmHBTf7HLjT5o3naWBEk 的“total_txs”的数据

我将以下内容放在一起，但 div 是空白的。 （如果很容易看出我做错了什么，请原谅我）

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

Answer 1

data 还包含一个名为data 的键，您想要的属性位于该键下。所以你需要将值提取为data.data.total_txs。

查看下面的工作演示：

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

为避免混淆，将回调参数重命名为response，这样键就变成了response.data.total_txs，这样更有意义。