使用 jquery 从 API 获取数据

Question

我真的需要你的帮助，我无法从这个 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>

请帮助我。谢谢。

Answer 1

该链接中的url 为空。您很可能是指resources 数组项中的url。但由于它是一个数组，您需要迭代或定位您想要的特定索引。 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>