2016-04-28 634 views
0

我确实设法将多个数据保存到localStorage中,知道我想从localStorage调用所有数据到表单。下面是代码,将其保存到本地存储如何从localstorage获取所有数据以将其显示到表单中?

功能保存() {

// Parse any JSON previously stored in allEntries 
var existingEntries = JSON.parse(localStorage.getItem("allEntries")); 
if(existingEntries == null) existingEntries = []; 
var date = document.getElementById("date").value; 
var brakes = document.getElementById("brakes").value; 
var chain = document.getElementById("chain").value; 
var seats = document.getElementById("seats").value; 
var handlebars = document.getElementById("handlebars").value; 
var entry = 
{ 
    "date": date, 
    "brakes": brakes, 
    "chain": chain, 
    "seats": seats, 
    "handlebars": handlebars 
}; 
localStorage.setItem("entry", JSON.stringify(entry)); 
// Save allEntries back to local storage 
existingEntries.push(entry); 
localStorage.setItem("allEntries", JSON.stringify(existingEntries)); 

}

+0

确实[这个答案]获取值(http://stackoverflow.com/questions/8419354/get-html5-localstorage-keys)的帮助?顶部的投票答案还显示了如何获得与该键相对应的值 – Tung

回答

0

你可以用这个

var obj = JSON.parse(localStorage.getItem('entry')); 

    document.getElementById("date").value = obj.date; 
    document.getElementById("brakes").value = obj.brakes; 
    document.getElementById("chain").value = obj.chain; 
    document.getElementById("seats").value = obj.seats; 
    document.getElementById("handlebars").value = obj.handlebars; 
相关问题