时间戳

首页 > 解决方案 > 如何从 fetch 之外的 JSON 中获取元素

javascript - 如何从 fetch 之外的 JSON 中获取元素

问题描述

我从 JSON 文件中获取值时遇到问题。我想将它们添加到变量中并在将来使用它们，但不幸的是，我无法获取值。在forEach函数内部它们可用，但不幸的是在外部它们不可用。这个问题的解决方案是什么？

const idList = document.querySelector('.id-list')

const id = document.querySelectorAll('.id-list li')

fetch('http://www.json-generator.com/api/json/get/cuSKqtKmgi?indent=2')
    .then(response => response.json())
    .then(data => {
        const { person = [] } = data;
        person.forEach(({ id }) => {
            idList.innerHTML += `<li>${id}</li>`;
            console.log(id);
        });
        console.log(id);
    });
console.log(id);
<ul class="id-list">
    </ul>
我阅读了很多文章，但没有一篇能直接准确地解决我的问题，而且解决方案也不够简单。我认为这个练习将帮助初级开发人员更好地可视化 Promise。

标签： javascriptfetch

解决方案

推荐阅读