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

Question

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

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;
 }

Answer 1

这个：

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

...应该：

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

...的倒数将是：

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