JSON & API call is returning undefined

Question

I'm trying to learn about basic API calls; I'm having issue with 'dialing in' to specific array objects in this Star Wars API.

I can console.log(json.people) or (json.planets), but cannot seem to go further than this, i.e. console.log(json.people.results) to show me an array of characters and associated data, as this shows as undefined...

I have attempted to parse / stringify the json, but am hitting a wall...

Would anybody be able to point me in the right direction?

Many thanks!

function getData() {

    url = "https://swapi.dev/api/?format=json";
    fetch(url).then((Response) => {
            return Response.json();
        })

        .then((json) => {
            console.log(json.people.results);
            console.log(json.planets);
        });      
}

getData();

IT goldman · Accepted Answer · 2022-06-30 20:06:25Z

2

This endpoint returns list of API's. So I take one of those and make another API call. You can skip the first step.

function getData() {

  var url = "https://swapi.dev/api/?format=json";
  fetch(url)
    .then((Response) => Response.json())
    .then((json) => {
      console.log(json)

      var url = json.people;
      fetch(url)
        .then((Response) => Response.json())
        .then((json) => {
          console.log(json)
        });

    });
}

getData();

.as-console-wrapper {
  max-height: 100% !important;
}

edited Jun 30, 2022 at 20:06

answered Jun 30, 2022 at 19:59

IT goldman

20.4k2 gold badges18 silver badges34 bronze badges

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

Collectives™ on Stack Overflow

JSON & API call is returning undefined

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related