javascript - 刷新后本地存储不持久

Question

我的问题有两个方面，很高兴能得到另一个视角。

我正在将一些数据保存到 localStorage，但是如果刷新，数据就会消失。另一个问题是，只有最后单击的项目才会被附加到 localStorage。任何帮助都会很棒。

function getItem(callback){
  var itemsObj;
  $('.info').on('click', function(){
    itemsObj = {};
    $this = $(this);
    itemsObj.gameImg = $this.parent().parent().find('img').attr('src');
    itemsObj.gameTitle  = $this.parent().parent().find('h2').text();
    itemsObj.gameInfo = $this.parent().parent().find('p').text();
    // call the callback function parameter and send itemsObj as argument, callback function then received the argument as you wanted it to be. Then execute stuff from there.
    callback(itemsObj);
  });
}

// send a function instead for getItem to call when all is well
getItem(function (data) {
   // here you will receive the data
   console.log('from function:', data);
   localStorage.data = (JSON.stringify(data));
   if(localStorage.getItem("data")){
    var savedLocal = localStorage.getItem("data");
    savedLocal = JSON.parse(savedLocal);
    var favsResult = $('.favs-display-data');
     favsOutput = `<div class="col-lg-3 game">
                  <div class="view view-first">
                    <img src="${savedLocal.gameImg}"/>
                    <div class="mask">
                      <h2>${savedLocal.gameTitle}</h2> 
                      <p>${savedLocal.gameInfo}</p>
                      <a href="#" class="info">♥</a>
                    </div>
                  </div>
                </div>`
    favsResult.append(favsOutput);
   }
   console.log('savedLocal: ', savedLocal);

Answer 1

您遇到问题，需要使用 localStorage.setItem("KEY-NAME", "VALUE");

不使用 localStorage.data...这是错误的