使用fetch设置localStorage
提问开始:
![]()
回答开始:得票数 0
我正在创建一个天气仪表板，并尝试将城市名称保存到本地存储中。我已经编写了逻辑，让城市邮报在历史部分，我只是无法获得数据留在那里后，我重新加载的页面。我已经检查过了，它正在保存到本地存储中，但没有检索到它。下面是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的全部内容，希望文章能够帮你解决所遇到的问题。
如果觉得真正的电脑专家网站内容还不错，欢迎将真正的电脑专家推荐给好友。
你可能想看：
最新文章
-
“豫西中医界之泰斗乔保均”治疗疑难病60年经验赏析
7小时前 -
回忆、健忘和洒脱
7小时前 -
弘一法师：“真的不忍心告诉你，这个世界只是一个梦。你一辈子执
7小时前 -
心理学，准的让你惊叫
7小时前 -
人生，成大器者有四识，知识、见识、胆识、远识
8小时前 -
俞和：被遗忘的书法家，以古为师，创新在手！
8小时前 -
2024届新高考II卷语文真题答案及解析
8小时前 -
生前只是小人物，死后震惊史学界
9小时前
热门文章
-
每日一诵伤寒论第241条
1周前 -
老张老李侃门球之140篇
2天前 -
这个穴位可以治疗多种胃痛腹痛，还可以减肥
5天前 -
为什么五点钟要起床答案让人吃惊！（现在知道还不晚）
1周前 -
治疗坐骨神经痛药酒５方
1周前 -
诊余杂记（师传经验）
4天前 -
美丽中国-2870：中国最大的内陆河，塔里木河
2天前 -
二十四山开门放水作灶真诀开门放水作灶直诀——子山
2天前
有话要说...