使用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年經驗賞析
5小時前 -
回憶、健忘和灑脫
6小時前 -
弘一法師：“真的不忍心告訴你，這個世界隻是一個夢。你一輩子執
6小時前 -
心理學，準的讓你驚叫
6小時前 -
人生，成大器者有四識，知識、見識、膽識、遠識
6小時前 -
俞和：被遺忘的書法家，以古為師，創新在手！
6小時前 -
2024屆新高考II卷語文真題答案及解析
7小時前 -
生前隻是小人物，死後震驚史學界
7小時前
熱門文章
-
每日一誦傷寒論第241條
1周前 -
老張老李侃門球之140篇
1天前 -
這個穴位可以治療多種胃痛腹痛，還可以減肥
5天前 -
為什麼五點鐘要起床答案讓人吃驚！（現在知道還不晚）
1周前 -
治療坐骨神經痛藥酒５方
1周前 -
美麗中國-2870：中國最大的内陸河，塔裡木河
2天前 -
二十四山開門放水作竈真訣開門放水作竈直訣——子山
1天前 -
門球技巧 隻需五個字讓你打好門球
1天前
有話要說...