使用jquery从API获取数据

时间:2018-02-15 13:49:27

标签: json api get

我真的需要你的帮助,我无法获得此API的所有数据:http://datahub.virk.dk/api/2/rest/package/smiley-kontrolrapporter

这是我的代码

<div class="mypanel"></div>

<script>
$.getJSON('http://datahub.virk.dk/api/2/rest/package/smiley-kontrolrapporter', function(data) {

    var text = `<h2>${data.license_title}</h2><br>
                <h2>${data.url}</h2><br>
                <h2>${data.url}</h2><br>
                <h2>${data.url}</h2><br>
                ${data.resources.description}`


    $(".mypanel").html(text);
});
</script>

请帮帮我。谢谢。

1 个答案:

答案 0 :(得分:1)

该链接中url为空。您很可能意味着url数组项中的resources。但由于它是一个数组,您需要迭代或定位您想要的特定索引。 description也是如此。它不是resources的一部分,它是resources中每个项目的一部分。

这样的东西

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

<script>
  $.getJSON('http://datahub.virk.dk/api/2/rest/package/smiley-kontrolrapporter', function(data) {

    var resources = data.resources.map(resource => `<a href="${resource.url}">${resource.description}</a><br>`),
        text = `<h2>${data.license_title}</h2><br>
               ${resources.join('')}`;

    $(".mypanel").html(text);
  });
</script>