Get data from API using jquery

Question

I really need your help, i cant get all data from this API: http://datahub.virk.dk/api/2/rest/package/smiley-kontrolrapporter

this is my code

<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>

please help me. thank you.

could you please see me the example to do that? i cant follow the link, i dont know how to read.. — Jorhendz Studios
– Jorhendz Studios, Commented Feb 15, 2018 at 14:01

Gabriele Petrioli · Accepted Answer · 2018-02-15 13:59:28Z

3

The url is empty in that link. You most likely mean the url in the resources array items. But since it is an array you need to iterate or target the specific index you want. The same goes for the description. It is not part of the resources, it is part of each item in the resources.

Something like

<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>

answered Feb 15, 2018 at 13:59

Gabriele Petrioli

197k35 gold badges275 silver badges331 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Jorhendz Studios Over a year ago

thank you, so it will be okay if i follow your code to the rest?

Jorhendz Studios Over a year ago

` Tags: ${data.tags} Organization description: ${data.organization.description} Organization title: ${data.organization.title} Organization created: ${data.organization.created} Organization Status: ${data.organization.approval_status} Name: ${data.name} Notes: ${data.notes_rendered} ` it looks like this?

Jorhendz Studios Over a year ago

Thanks, how about the last part sir? in ' extras ', i dont know how to do that.. and also i got '[HTML_REMOVED]'. how to fix that? this is my working links.. smiley.design4web.dk/api.html

Gabriele Petrioli Over a year ago

@JorhendzStudios extras is a normal object so you access its properties with data.extras.area_id etc. ABout the HTML_REMOVED that is what is returned in the JSON so nothing to do about it unless the API can provide this somehow.

Gabriele Petrioli Over a year ago

@JorhendzStudios when using the . notation you cannot have - in the property names. You should use ${data.extras['contact-name']} and ${data.extras['theme-primary']}

|

Collectives™ on Stack Overflow

Get data from API using jquery

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related