无法从JavaScript中的Promise追加子数据

时间:2019-03-14 23:27:34

标签: javascript promise es6-promise

将诺言所返回的数据附加到正文时遇到问题。我用控制台记录了日志,一切似乎都正常,但是,当我尝试对主体执行简单的appendChild时,我收到一条错误消息:“ functions.js:73 Uncaught(in promise)TypeError:无法执行' “节点”上的appendChild”:参数1的类型不是“节点” 我在Internet上的StackOverflow上查找了此错误,有人已经问过同样的问题,但是他得到的答案对我不起作用。

请,你能看看我的问题吗?

谢谢。

fetchUsers()
  .then(data => data.json())
  .then(json => {
    listUsers(json);
    return fetchJanet();
  })
  .then(janetData => janetData.json())
  .then(janet => listJanet(janet.data));

function fetchUsers() {
  return fetch("https://reqres.in/api/users");
}

function listUsers(json) {
  users = json.data;
  users.forEach((element, i) => {
    n = document.createElement("h3");
    n.innerHTML =
      element.first_name + " " + element.last_name + " have an index of: " + i;
    document.body.appendChild(n);
    document.getElementById("loading").style.display = "none";
  });
}

function fetchJanet() {
  return fetch("https://reqres.in/api/users/2");
}

function listJanet(element) {
  console.log(element);
  name = document.createElement("p");
  name.innerHTML = element.first_name + " " + element.last_name;
  document.body.appendChild(name);
}

0 个答案:

没有答案