亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何將api數據保存到本地存儲中?

如何將api數據保存到本地存儲中?

慕娘9325324 2021-11-04 10:43:06
我正在從 API 獲取數據,但無法將數據保存到 localStorage 中。我已經嘗試了幾件事,但似乎找不到問題所在。giveUsers();function giveUsers() {  for (let i = 0; i < 10; i++) {  fetch('https://randomuser.me/api/')    .then(function (response) {      return response.json();  })  .then(function (data) {    showUsers(data.results);  })  .catch(function (error) {    console.log("error", error);  });  let showUsers = (users) => {      users.forEach(user => {        // console.log(user.registered.age);        // console.log(user.location.city);        let firstName = user.name.first;        let id = user.id;        console.log(firstName);        localStorage.setItem('allUsers', firstName);       });  };}}if(localStorage.getItem('allUsers')){  console.log(localStorage.getItem('allUsers'));}我希望我的數據進入 localStorage。
查看完整描述

3 回答

?
喵喔喔

TA貢獻1735條經驗 獲得超5個贊

如果我正確理解你的問題。

您可以使用asyncawait來獲取。當您獲取數據時,這需要一點時間才能從服務器獲得響應,因為每次您在本地存儲中設置一些 null 值。

您可以async/await 在此處找到有關信息。

以及關于本地存儲訪問這里


查看完整回答
反對 回復 2021-11-04
?
楊魅力

TA貢獻1811條經驗 獲得超6個贊

您需要將數據作為字符串存儲在 localStorage 中


所以使用 JSON.stringify();


let showUsers = (users) => {

  users.forEach(user => {       


    localStorage.setItem('user', JSON.stringify(user));  


  });

};


查看完整回答
反對 回復 2021-11-04
?
慕慕森

TA貢獻1856條經驗 獲得超17個贊

在您的代碼中,您似乎正在為每個用戶設置 localstorage,從而有效地覆蓋由于相同的“鍵值”而添加的最后一個用戶您應該將它們放在一個列表中并將您的數組存儲為 JSON。記住使用“window.localstorage”:它應該看起來像這樣

window.localStorage.setItem('allusers', JSON.stringify(listOfUsers));


查看完整回答
反對 回復 2021-11-04
  • 3 回答
  • 0 關注
  • 535 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號