为什么我的对象没有被推送到本地存储？

Question

我正在编写一个程序，我想将javascript对象推送到本地存储，除了本地存储外，我不想使用任何其他方法。 我得到一个项目，但是我没有将其他项目添加到本地存储阵列。 这是我的JavaScript代码：

更新了新代码

    var form = document.getElementsByTagName("form")[0];
form.setAttribute("method", "POST");

var data = JSON.parse(localStorage.getItem('data') || '[]')

if (data == null) {
  data = new Array();
}

var add = document.getElementsByTagName("button")[0];
add.addEventListener('onclick',validate);
console.log(add);

function validate() {
  var age = document.getElementsByName("age")[0].value;
  var relation = document.getElementsByName("rel")[0].value;

  var list = document.getElementsByTagName("ol")[0];

  var myObj = {"age": age, "relation": relation};

  data.push(myObj);

  localStorage.setItem("data", JSON.stringify(data))

  alert(data);
}

console.log(data);

Answer 1

LocalStorage只能保存字符串。 使用localStorage.setItem("data", JSON.stringify(data))保存并使用JSON.parse(localStorage.getItem('data') || '[]')读取