Access JSON object in javascript

Question

I'm makin an AJAX request like this:

$.ajax({
    url: baseurl,
    dataType: 'json',
    data: {
        "id": id
    },
    type: "POST",
    success: function(data) {
        console.log(data)
    }
});

The variable data appears in console as:

Object {ids: Array[2], values: Array[2], name: "Test"…}

Expanding it gives:

ids: Array[2]
  0: "1417509840"
  1: "1419964200"
  length: 2

I'm unable to access the ids array. I can access the name variable by data.name, but I cannot access the array elements.

have you tried iterating over them? Or doing something like `data.ids[0]` to get the first index — vernak2539, Dec 13 '14 at 16:54

score 2 · Answer 1 · edited May 23 '17 at 10:26

2

By the time you see it as data, it's not JSON anymore. It's just an object.

To access the ids array, use data.ids:

console.log(data.ids.length); // 2

Or loop through them:

data.ids.forEach(function(id) {
    console.log("id = " + id);
});

(More about looping through arrays in this answer, which also explains about polyfilling forEach on really old browsers.)

edited May 23 '17 at 10:26

Community

1
1

answered Dec 13 '14 at 16:55

T.J. Crowder

1,031,962
187
1,923
1,875

I should kill myself. I've been trying it for 1 hour. Actually, there was a typo on server end where I was making the json! – u134211 Dec 13 '14 at 17:00
@u134211: Oh, what fun. :-) – T.J. Crowder Dec 13 '14 at 17:01

Access JSON object in javascript

1 Answers1