javascript - 如何使用 JavaScript 和 HTML 从 REST API 选择特定数据

Question

您好，我正在尝试创建一个简单的 JavaScript，从 REST API 中提取数据。我希望仅在 API 或 json 项目列表中提取 1 个数据集。

因为我只需要将“最后”数据集包含在总体中，而不是其他所有数据。

我尝试使用不同的方法通过curl检索最后的价格数据集，但是资源阻止了php中的请求。因此我需要使用 javascript 来完成此操作。

document.getElementById("output").innerHTML = (ourRequest.responseText);

我尝试将此部分更改为

document.getElementById("output").innerHTML = (ourRequest.responseText.last);

但是，其他一些变量在输出上没有返回成功。

下面是我到目前为止所做的js代码，但它显示了页面上的所有API信息，我只需要选择其中的1部分信息。

<p id="output"></p>

<script>
var burl = "https://api.idex.market/returnTicker?market=ETH_STASH";
var url = burl;
var ourRequest = new XMLHttpRequest();
ourRequest.open('GET',url,true);
ourRequest.onload = function(){

document.getElementById("output").innerHTML = (ourRequest.responseText);
}
ourRequest.send();
</script>

我预计只有 0.00000001512001 作为“最后”数据集的结果。

输出如下:

{"last":"0.00000001512001","high":"0.00000015","low":"0.00000001512001","lowestAsk":"0.00000058999999999","highestBid":"0.00000001","percentChange": ”—— 89.91999333","baseVolume":"0.965950839330223243","quoteVolume":"24272447.879302712135495139"}

您可以在这里测试并编辑试试:https://www.w3schools.com/code/tryit.asp?filename=FYUDV3ZFYNA9

Answer 1

尝试改变

document.getElementById("output").innerHTML = (ourRequest.responseText);

到

document.getElementById("output").innerHTML = (JSON.parse(ourRequest.responseText).last);

完整的工作解决方案:

<script>
var burl = "https://api.idex.market/returnTicker?market=ETH_STASH";
var url = burl;
var ourRequest = new XMLHttpRequest();
ourRequest.open('GET',url,true);
ourRequest.onload = function(){
   document.getElementById("output").innerHTML = JSON.parse(ourRequest.responseText).last;
}
ourRequest.send();
</script>