getjson javascriptを使用してAPIデータを取得する

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コードの

サンプルdataが既にobjectあるのでちょうど$.parseJSON()を削除

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

Answer 1

です。

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