Question 110810 in Json Question posted in
Our archive of expertly curated questions and answers provides insights and solutions to common problems related to this popular data interchange format. From parsing and manipulating JSON data to integrating it with various programming languages and web services, our archive has got you covered. Start exploring today and take your JSON skills to the next level

how can i print out json in HTML?

I would like to print out data in my html from the link, but it always says "undefined" and I dont know, where is the problem. Can anyone help, please?

let url = 'https://ac7minh6n7s3rw4qfchrofbwai0amiko.lambda-url.eu-north-1.on.aws/';

fetch(url)
.then(res => res.json())
.then(out => console.log('JSON: ', out))
.then(out => document.write('JSON string: ', JSON.stringify(out)))
.catch(err => { throw err })
Tags:

2

Answers


  1. 0

    The reason it is undefined is because the return value of console.log() is undefined. Removing it allows out to be referenced:

    let url = 'https://ac7minh6n7s3rw4qfchrofbwai0amiko.lambda-url.eu-north-1.on.aws/';

fetch(url)
.then(res => res.json())
.then(out => document.write('JSON string: ', JSON.stringify(out)))
.catch(err => { throw err });
    Login or Signup to reply.
  2. 0

    The value passed to the then callback is the return value of the previous link in the chain. If that value is a promise, it is resolved before then is called.

    .then(out => console.log('JSON: ', out))

    The return value of console.log is undefined so you are passing undefined into the function which tried to document.write the value.

    You need to return the value you want to handle:

    .then(out => {
    console.log('JSON: ', out);
    return out;
})

    However since you aren’t creating a new promise, there’s really no need to use an extra then. You can just merge the two:

    .then(out => {
    console.log('JSON: ', out);
    document.write('JSON string: ', JSON.stringify(out);
    return out;
})
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search