Getting undefined when iterating from JSON API results

Question

I'm having problems reading my JSON result from an API.

My data looks like this:

{
    "Data": [
        {
            "Name": "Company1"
        },
        {
            "Name": "Company2"
        }
    ]
}

And I'm reading it like this:

$.get(API_URL + '/dashboard/', function (data) {
    var newHTML = '';

    $.each(data, function (i, val) {
        newHTML +=  data[i].Name;
    });

    $('#dashboard').html(newHTML);

});

data[i] is returning undefined. What am I doing wrong?

Answer 1

This should work for you.

$.get(API_URL + '/dashboard/', function (data) {
    var newHTML = '';

    $.each(data.Data, function (i, val) {
        newHTML +=  val.Name;
    });

    $('#dashboard').html(newHTML);

});

The each function need to parse the data.Data , not just data ...

Sounds like a pun! But should work!