使用 getjson javascript 获取 api 数据

Question

我正在尝试使用此 api 在我的网页中显示数据。我想获取数据并将其显示在 html 段落中....我正在使用 getJSON，但我无法使其工作..我正在使用 AJAX 发出请求。

json 数据样本

{  
   "status":true,
   "data":{  
      "h1":0,
      "h3":0,
      "h6":0,
      "h12":0,
      "h24":0
   }
}

获取json代码

 $.ajax({
 type: "GET",
 url: "https://api.nanopool.org/v1/eth/avghashrate/1",
dataType: "json",
success: function(data) {

    var json = $.parseJSON(data);
   $('#results').html( json.data.h1);
}
 });

html 代码为

<div id="results"></div>

Answer 1

只需删除 $.parseJSON()，因为 data 已经是 object。

$(function() {
  $.ajax({
    type: "GET",
    url: "https://api.nanopool.org/v1/eth/avghashrate/1",
    dataType: "json",
    success: function(data) {
      console.log(typeof data); // -- Object
      var json = data;
      $('#results').html(json.data.h1);
    }
  });
});

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

使用 getjson javascript 获取 api 数据

getting api data using getjson javascript

javascript

getjson