如何在網頁上顯示來自API的數據

Question

我有一個API網址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在控制檯中查看您的結果。