How do I access this json object inside this api?

Question

I'm trying to access an item in an api so I can start getting data from the json file, but I can't seem to get anything to work. I'm unable to log any of the data I'm trying to access to the console.

Image of JSON I'm trying to access

  $(function() {

  $.ajax({
    type: 'GET',
    url: "xxx",
    dataType: 'json',
    success: function(data) {
      return console.log('success', data);
      return console.log(data[0].id);
    },
    beforeSend: function(xhr, settings) {
      xhr.setRequestHeader('Authorization', 'Bearer ' + 'xxx');
    }
  });
});

Looks like there is 2 data ... have you tried data[0].data[0].id ... still, provide the JSON as well — Asons
– Asons, Commented May 13, 2018 at 15:17
Your variable is called data which is an object that holds a data property. Try data.data[0].id — Kristianmitk
– Kristianmitk, Commented May 13, 2018 at 15:18
I removed the returns and changed it to data.data[0].id; Thank you so much! My console actually says something! ha — branhillsdesign
– branhillsdesign, Commented May 13, 2018 at 15:29

Get Off My Lawn · Accepted Answer · 2018-05-13 15:21:56Z

1

It isn't working because you are returning before the second console.log. the return statement is used to exit a function at that line and return the value of the rest of the line. You are returning then trying to do something after the return which actually is never ran.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/return

Remove the return statements and it should work.

$.ajax({
    type: 'GET',
    url: "xxx",
    dataType: 'json',
    success: function(data) {
      console.log('success', data);
      console.log(data[0].id);
    },
    beforeSend: function(xhr, settings) {
      xhr.setRequestHeader('Authorization', 'Bearer ' + 'xxx');
    }
});

edited May 13, 2018 at 15:21

answered May 13, 2018 at 15:18

Get Off My Lawn

36.6k47 gold badges201 silver badges381 bronze badges

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

2 Comments

branhillsdesign Over a year ago

Holy shit thank you so much. I spend 4 hours this morning googling this. Honest to God, if I could buy you a beer, I would.

Get Off My Lawn Over a year ago

@branhillsdesign if this answer worked could you please accept it to let others know

Zeeshan Adil · Accepted Answer · 2018-07-06 09:41:36Z

1

1) You have a problem with returning before the Id is logged to the console, as you are returning it before your you logging your Id, a return statement ends the function execution. so removing the return will do the work

2) you don't really need to console.log() everything you can just put a 'debugger;' instead of return and you can reload the page with an open console window, it will pause the code execution at the debugger; and you can hover on the 'data' being received in the success function to see all the data being received on a successful AJAX call. hope this helps

edited Jul 6, 2018 at 9:41

answered May 13, 2018 at 16:04

Zeeshan Adil

2,1655 gold badges26 silver badges47 bronze badges

Collectives™ on Stack Overflow

How do I access this json object inside this api?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related