如何在网页上显示来自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在控制台中查看您的结果。