Read & parse JSON response from API

Question

I have an API endpoint like this: https://client.systemonesoftware.com/bannink/json/?language=nl

I need to read and parse it into a table with all the information. But I get no output when I try to do it with Javascript.

<script>
    $.getJSON('https://client.systemonesoftware.com/bannink/json/?language=nl', function(data) {
        var json = JSON.parse(data);

        alert(json.cached);
        alert(json.data[1].id);
    });
    </script>

This piece of code gives nothing..

Answer 1

$.getJSON returns JavaScript object so you don't need to parse it, try:

 $.getJSON('https://client.systemonesoftware.com/bannink/json/?language=nl', function(json) { console.log(json.data[1].id); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>

The success callback is passed the returned data, which is typically a JavaScript object or array as defined by the JSON structure and parsed using the $.parseJSON() method. It is also passed the text status of the response.

Answer 2

I believe your issue is that the data already comes through parsed:

<script>
$.getJSON('https://client.systemonesoftware.com/bannink/json/?language=nl', function(json) {
    alert(json.cached);
    alert(json.data[1].id);
});
</script>