如何在网页上显示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，但您需要 localhost 或一些用于 AJAX 的托管。您必须使用 GET 来获取网页上的该信息。 AJAX之后，您可以使用innerHTML函数或console.log在console中查看结果。