使用getjson获取api数据javascript

Question

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

样品JSON数据

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

的getJSON代码

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