ウェブページ上のAPIからデータを表示する方法

Question

私はAPIのURLがhttp://api.openchargemap.io/v2/poi/?output=json&countrycode=NL&maxresults=10 であり、このデータをリスト形式でウェブページに表示したいとします。しかし、どこから始めたらいいのか分かりません。 JSを使うことはできますか？誰も助けることができますか？

Answer 1

あなたはJSが、jqueryのを使用することができますが優れているとangularjs最高です、私はjqueryの中であなたに例を作っ

$(document).ready(function(){ 
 
    $.ajax({ 
 
    type:"get", 
 
    url:"http://api.openchargemap.io/v2/poi/?output=json&countrycode=NL&maxresults=10", 
 
    success: function(data){ 
 
    result=""; 
 
    for(i in data){ 
 
    result+="ID: "+data[i].ID+" // UUID: "+data[i].UUID+"<br>"; 
 
    } 
 
    $("#list").html(result); 
 
    } 
 
    }); 
 
});

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

 
</div>

Answer 2

もちろんはい、あなたはJavascriptを使用できますが、必要とするか、またはローカルホストまたはAJAXのためのいくつかのホスティング。ウェブページ上でその情報を取得するには、GETを使用する必要があります。 AJAXの後に、innerHTML関数またはconsole.logを使用してコンソールで結果を見ることができます。