如何从Fetch中获取数据，放入变量并将变量显示在页面上

Question

我最终尝试使用 fetch API 从端点获取数据并将其放入变量中，以便我可以访问数据位以将它们分配给某些内容（即另一个变量、表单输入默认值等）。 我将逐步完成整个过程。我通过尝试将变量写入文档来进行验证，这就是出错的地方（我认为）。 我是否做对了却期待错误的结果？我是否做错了并期待正确的结果？我想我可能做错了并且期待错误的结果。 无论我在做什么，我都知道这是行不通的。 我是 Javascript 新手，所以我将不胜感激任何建议。

这是我的代码...

function userList() {
    fetch(`https://jsonplaceholder.typicode.com/users`)
    .then(response => response.json()) 
    .then(output => {
        const aaa = output;
        console.log(aaa);
        document.getElementById("displayText1").innerHTML=(aaa);
    });
}

我使用 fetch API 成功获取数据。然后我获取 JSON 数据。之后，我成功地将其放入变量（aaa）中。当我将变量记录到控制台时我可以看到它。然后我尝试在文档上显示它（aaa）。我明白了...

[对象对象]、[对象对象]、[对象对象]、[对象对象]、[对象对象]、[对象对象]、[对象对象]、[对象对象]、[对象对象]、[对象对象]

我期待看到与我在控制台中看到的类似的东西。因为我没有，所以我不相信我有可以使用的变量。

请指教， 谢谢你。

Answer 1

它正在工作，您只需在执行此代码后打开控制台，尝试在保持控制台打开的情况下运行它，您就会看到您想要的结果。这段代码没有任何问题