页面刷新后本地存储重置值

Question

我想从用户输入中输入数据并存储到本地存储，但是当页面刷新时本地存储的值会重置。 即使我点击刷新，如何将所有用户输入存储在本地存储中？

JavaScript。

var myArr = [];
function botResponse(rawText) {
  var inputText = rawText;   //user input     
  myArr.push(inputText);
  var arrString = myArr.join(", ");

  var existing = localStorage.getItem('UserInput');
  existing = [];
  existing.push(arrString);
  localStorage.setItem('UserInput',existing);
 
 
  // var arrStringTwo = existing.join(", ");
  

  // Bot Response
  var new_value = window.localStorage.getItem("UserInput");  
  ----------
  }

Answer 1

您正在使用existing = [];重置它 .

您不能直接在localStorage存储数组，它只能存储字符串。 您需要在 JSON 之间进行转换。

  var existing = localStorage.getItem('UserInput');
  if (existing) {
    existing = JSON.parse(existing);
  } else {
    existing = [];
  existing.push(arrString);
  localStorage.setItem('UserInput',JSON.stringify(existing));