javascript - 将对象数组传递到另一个页面

我做了一个按钮“ checkout”，当它按下时它将把html表中的所有数据收集到一个对象数组中。问题是如何将var arrData数据传递到下一页。 jQuery的新手，在此先感谢。

$("#checkout").on('click',function(){

var arrData=[];
$("#table tr").each(function(){
    var currentRow=$(this);

    var col1_value=currentRow.find("td:eq(0)").text();
    var col2_value=currentRow.find("td:eq(1)").text();
    var col3_value=currentRow.find("td:eq(2)").text();
    var col4_value=currentRow.find("td:eq(3)").text();


    var obj={};
    obj.col1=col1_value;
    obj.col2=col2_value;
    obj.col3=col3_value;
    obj.col4=col4_value;


    arrData.push(obj);
});
console.log(arrData);

});

最佳答案

不复杂的是，您可以使用localStorage在浏览器中本地存储数据。
这样，您可以随时在网站的任何页面上使用数据。

从第1页开始在本地存储中设置arrData。

localStorage.myArrData=JSON.stringify(arrData);

在第2页中获取arrData的值

var arrData = JSON.parse(localStorage.myArrData);