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

时间:2018-08-11 17:04:14

标签: javascript jquery html css

我创建了一个“ 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);

});

2 个答案:

答案 0 :(得分:1)

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

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

localStorage.myArrData=JSON.stringify(arrData);

在第2页中获取arrData的值,

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

答案 1 :(得分:0)

您是否正在将此数据发送到后端?此代码所做的全部工作就是将详细信息附加到对象Array。 通常,数据将传递到后端系统,随后可以在任何其他页面中从相同的位置检索。