Javascript - Object iter from Ajax

Question

I'm learning Javascript and today I learned AJAX. I am using Vanilla JS and simple AJAX. My task is to get the object of a user from the url by user input - ID. I've tried the .data and still won't work. Any help would be appriciated!

async function display() {
  try {
    let id = +userID.value;
    const url = `https://jsonplaceholder.typicode.com/users/${id}`;
    const response = await fetch(url);
    const rootObject = await response.json();
    const users = rootObject.data;
    getUser(users);
  } catch (err) {
    alert(err.message);
  }
}

display()

I have another function - getusers(users) that currently is empty because it isn't working. How can I access the object only from the url?

There is no data property in the (parsed) JSON returned. console.log(rootObject) to see the actual structure of the object. response.data is something you normally see with Axios which isn't what you're using. — Andy
– Andy, Commented Jul 9, 2022 at 8:37
When I write console.log(rootObject) I get the user by ID. But when I want to display it with getUser function it won't display it — DennisR93
– DennisR93, Commented Jul 9, 2022 at 8:40

Andy · Accepted Answer · 2022-07-09 08:44:54Z

1

There is no data property in the returned JSON. Just parse the JSON and then have that data as an argument to getUser.

function getUser(data) {
  for (const prop in data) {
    console.log(`${prop}: ${data[prop]}`);
  }
}

async function display(id) {
  try {
    const url = `https://jsonplaceholder.typicode.com/users/${id}`;
    const response = await fetch(url);
    const data = await response.json();
    getUser(data);
  } catch (err) {
    console.log(err.message);
  }
}

display(3);

answered Jul 9, 2022 at 8:44

Andy

63.6k13 gold badges72 silver badges99 bronze badges

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

Collectives™ on Stack Overflow

Javascript - Object iter from Ajax

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