如何在 HTML 中显示某些 JSON 元素？答案

【问题标题】：How to display certain JSON elements in HTML?如何在 HTML 中显示某些 JSON 元素？
【发布时间】：2014-04-14 03:02:40
【问题描述】：

我想在 HTML 网页上显示来自this JSON 文件的变量“hashrate”。我浏览了互联网，但许多方法都没有奏效。对不起，如果这是一个重复的问题，我很迷茫。

【问题讨论】：

你能把你试过的代码包括进来吗？
你试过var parsed = JSON.parse(str)然后console.log(parsed)吗？

标签： javascript html json

【解决方案1】：

var json = {"getpoolstatus":{"version":"1.0.0","runtime":19.948959350586,"data":{"pool_name":"Capy's Pool - Gabencoin","hashrate":5.8254222222222,"efficiency":0,"workers":0,"currentnetworkblock":21903,"nextnetworkblock":21904,"lastblock":21903,"networkdiff":0.0392466,"esttime":28935.733248,"estshares":2572,"timesincelast":189,"nethashrate":451133}}};

你的变量 - json.getpoolstatus.data.hashrate

【讨论】：

【解决方案2】：

var xhr = new XMLHttpRequest(); //Request the data
xhr.open('POST','http://gaben.capyspool.co.uk/gabencoin/public/index.php?page=api&action=getpoolstatus&api_key=72f3fd60d9a536215a6f6f92938592a60f919586635d7d0dedcf6a394888c435',true);
xhr.send();
xhr.onreadystatechange = function() {
    if (this.readyState === 4) { //When it's ready
        var data = JSON.parse(this.responseText); //Parse the data
        alert(data.getpoolstatus.data.hashrate); //And here it is!
    }
}

【讨论】：

谢谢，我可以用一行 HTML 来告诉我如何显示这个结果吗？
<div id="output"></div> 和 document.getElementById('output').textContent = data.getpoolstatus.data.hashrate
对不起，我应该把 'document.getElementById('output').textContent = data.getpoolstatus.data.hashrate' 部分放在哪里？非常抱歉我缺乏理解和知识，我最近才开始使用 JavaScript。
你可以把它放在alert所在的位置。
这是我的测试 HTML：pastebin 真的很抱歉让你用勺子喂给我，在这种情况下，无知当然不是幸福。再次抱歉给您带来麻烦。