Accessing JSON elements from javascript

Question

$.getJSON('http://23.21.128.153:3000/api/v1/holidays', function(data){
        alert("this: " + data.holiday[0].name);
 });

I'm trying to access the "name" attribute of the first element of my JSON response but without success, can anyone tell me what I'm doing wrong.

Stop guessing, take `console.log(data);` and see what's **actually** in the `data` — zerkms, Jun 01 '12 at 00:09
hoi, btw. this will not work, because there is one bracket ) to much. After the name. All the best but thanks for the question — Mchoeti, Mar 29 '18 at 08:00

score 38 · Accepted Answer · answered Jun 01 '12 at 00:08

Try this:

data[0].holiday.name

The data looks like this:

[
  {
    "holiday":{
      "id":1,
      "date":"2012-05-01",
      "name":"Dia del trabajo",
      "description":"",
      "country_id":1,
      "moved_date":"2012-04-30"
    }
  },
  {
    "holiday":{...}
  },
...]

So, you need to select the first element from the main array (data[0]), then get its holiday property (data[0].holiday), and then get its name property.

Accessing JSON elements from javascript

1 Answers1

Linked