Warum werden meine Objekte nicht in den lokalen Speicher verschoben?

Question

Ich mache ein Programm und ich möchte JavaScript-Objekte auf lokalen Speicher schieben, ich möchte keine andere Methode als lokalen Speicher verwenden. Ich bekomme ein Element, aber ich bekomme keine zusätzlichen Elemente zum lokalen Speicherarray hinzugefügt. hier ist mein Javascript-Code:

FÜR NEUE CODE AKTUALISIERT

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 nur Strings speichern können. Verwenden Sie localStorage.setItem("data", JSON.stringify(data)) zu speichern und JSON.parse(localStorage.getItem('data') || '[]')