使用javascript将数据从一个HTML页面传递到另一个HTML页面

我正在尝试从一个要求用户输入他/她的详细信息的HTML页面传递数据到另一个显示此数据的HTML页面。我正在使用JavaScript来做到这一点。一切正常，但数据没有出现在第二个HTML页面中。

注意：我正在使用ONSEN UI。



我尝试过：



JavaScript代码：

var allData = [];

document.addEventListener（init，函数（事件）{

if（event.target.id ==details）{
document.getElementById（name）。value = allData [1];

document.getElementById（mobile）。value = allData [2];

document.getElementById（date）。value = allData [3];

document.getElementById（section）。value = allData [4];

document.getElementById（issue）。value = allData [5];

}

}，false）;







document.getElementById（Sbtn）。onclick = function（）{submitForm（）};



函数submitForm（）

{

//localStorage.clear（）;



allD ata = [];

var a = document.getElementById（name）。value;

var b = document.getElementById（mobile）。value ;

var c = document.getElementById（date）。value;

var d = document.getElementById（section）。value;

var e = document.getElementById（issue）。value;





allData.push（a）;

allData.push（b）;

allData.push（c）;

allData.push（d）;

allData.push（e）;





localStorage.setItem（'AllData'，allData）;

var options = {

animation：'slide'，//使用什么动画

onTransitionEnd：function（）{} //完成过渡动画时调用

};

myNav.pushPage（details.html，选项）;



alert（请检查你的详情）;

alert（ allData）;



}





------ --------------------

第二页HTML代码：



&lt ; ons-page id =details>

< ons-toolbar>

Hi,
I'm trying to pass data from one HTML page that asks the user to enter his/her details, to another HTML page that displays this data. I'm Using JavaScript to do that.Everything is working, but the data does not appear in the second HTML page.
Note: I'm Using ONSEN UI.

What I have tried:

JavaScript code:
var allData=[""];
document.addEventListener("init", function(event) {
if (event.target.id == "details") {
document.getElementById("name").value=allData[1];
document.getElementById("mobile").value=allData[2];
document.getElementById("date").value=allData[3];
document.getElementById("section").value=allData[4];
document.getElementById("issue").value=allData[5];
}
}, false);



document.getElementById("Sbtn").onclick= function(){submitForm()};

function submitForm()
{
//localStorage.clear();

allData=[""];
var a= document.getElementById("name").value;
var b= document.getElementById("mobile").value;
var c= document.getElementById("date").value;
var d= document.getElementById("section").value;
var e= document.getElementById("issue").value;


allData.push(a);
allData.push(b);
allData.push(c);
allData.push(d);
allData.push(e);


localStorage.setItem('AllData', allData);
var options = {
animation: 'slide', // What animation to use
onTransitionEnd: function() {} // Called when finishing transition animation
};
myNav.pushPage("details.html", options);

alert("Please check your details");
alert(allData);

}


--------------------------
Second HTML page Code:

<ons-page id="details">
<ons-toolbar>

< form>

< label>名称： < / label>




< label>手机号码： < / label>




< label>日期：< ; / label>




< label>部分：< / label>




< label>问题：< / label>

< / form>

你好，{{NAD || 'stranger'}}！




您的手机号码是{{mobile || 'null'}}




您的问题是{{issue || 'null'}}

<form>
<label>Name: </label>


<label>Mobile Number: </label>


<label>Date: </label>


<label>Section: </label>


<label>Issue: </label>
</form>
Hello, {{ NAD || 'stranger' }}!


Your mobile number is {{ mobile || 'null' }}


Your problem is {{ issue || 'null' }}