使用fetch设置localStorage

我正在创建一个天气仪表板，并尝试将城市名称保存到本地存储中。我已经编写了逻辑，让城市邮报在历史部分，我只是无法获得数据留在那里后，我重新加载的页面。我已经检查过了，它正在保存到本地存储中，但没有检索到它。下面是fetch调用和下面的代码，我试图在其中保存localStorage：

    fetch(
        'https://api.openweathermap.org/data/2.5/weather?q=' + searchCity + '&units=imperial&appid=64a50easdasdda68eb7a2b92c0bc02b65b123123121234593'
        )

        .then(function (response) {
            
            return response.json();
        })

        .then(function (data) {
            // localStorage.setItem(data.name, JSON.stringify(data));
            getCity(data);
            getTemp(data);
            getWS(data);
            getHumid(data)
            getForecast(data)
            getCityLast(data)
        })
    
}

function getCityLast(data) {
    var saveCity = data.name
    var saveCityDiv = document.createElement('button')
    
    saveCityDiv.classList.add('list-item')
    var saveCityText = document.createTextNode(saveCity)
    saveCityDiv.appendChild(saveCityText)
    getLastCity.appendChild(saveCityDiv)

    localStorage.setItem(data.name, JSON.stringify(data));

    console.log(localStorage.key(data))

    for (let i = 0; i < localStorage.length; i++) {
        var key = localStorage.key(i)

        getLastCity.saveCityDiv += `${key}`
    }
}

要检索持久化的字符串JSON数据，您需要执行以下操作：

    for (let i = 0; i < localStorage.length; i++) {
        const key = localStorage.key(i)
        const data = localStorage.getItem(key)
        console.log(`${key} - ${data}`)
    }

以上是真正的电脑专家为你收集整理的使用fetch设置localStorage的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得真正的电脑专家网站内容还不错，欢迎将真正的电脑专家推荐给好友。