向 API 发送请求以接收 JSON 和 append 将其作为原始 Z0ECD11C1D2A287401DZD14A2A 文本发送到文档

Question

I am trying to fetch the data from randomuser.me/api/ and use the insertAdjacentText method to append it to my blank document. So how do I receive data and insert it as adjacent HTML?

fetch('https://www.randomuser.me/api/')
.then(res => res.json())
.then(data => document.body.insertAdjacentText('afterend', Promise.resolve(data).then(function() { return data; })))

Answer 1

Seems like you are not able to fetch the api result from the promise correctly. Wondering below might help.

var d = fetch('https://www.randomuser.me/api/')
  .then((response) => {
    return response.json();
  })
  .then((data) => {
    console.log(JSON.stringify(data.results[0]));
    document.body.insertAdjacentText("afterend",JSON.stringify(data.results[0]));
  });
 //