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在控制台中查看结果。

如何在网页上显示来自API的数据

2 个答案: