将保存的数据从本地存储显示到html页面

我正在做一个学校项目，我在其中创建网页以允许用户输入并在另一个页面上显示它。在“创建活动”页面上是一个表单。我已将所有输入保存到本地存储中，但现在我不确定如何检索要显示在名为“事件描述”的另一个页面上的数据。这里是我的代码：将保存的数据从本地存储显示到html页面

function saveToStorage() { 
    var nameofevent=document.getElementById("name").value; 
    var pList=document.getElementsByName("pos"); 
    var positions=[]; 

    for (i=0; i<pList.length; i++){ 
    positions.push(pList[i].value); 
    console.log(pList[i].value); 
    } 

    //for (i=0; i<positions.length; i++){ 
    //console.log(positions[i].value); 
    //} 

    var venue= document.getElementById("venue").value; 
    var date=document.getElementById("date").value; 
    var starttime=document.getElementById("timeStart").value; 
    var endtime=document.getElementById("timeEnd").value; 
    var contact=document.getElementById("contact").value; 
    var email=document.getElementById("email").value; 
    var desc=document.getElementById("desc").value; 

    var one={"name":nameofevent,"pos":positions,"venue":venue,"date":date,"timeStart":starttime,"timeEnd":endtime,"contact":contact,"email":email,"desc":desc}; 
    localStorage["CreateEvent"]=JSON.stringify(one); 


    return false; 
}

来源

2016-07-31 F. Parker

此：

localStorage["CreateEvent"]=JSON.stringify(one);

...应该是：

localStorage.setItem('CreateEvent', JSON.stringify(one));

...和逆是：

var one = JSON.parse(localStorage.getItem('CreateEvent'));

来源

2016-07-31 07:40:28 Jacob

将保存的数据从本地存储显示到html页面

回答

相关问题