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页开始在本地存储器中设置数据

localStorage.myArrData=JSON.stringify(arrData);

获取第2页中数据的值

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

---

使用jQuery是不可能的，您需要在URL中传递obj作为查询参数，然后在其他URL中读取/解析URLpage@Helpinghand你能举个例子吗，仍然模糊不清。当你切换到另一个页面时，所有变量都会刷新。因此，通过url传递是一个很好的选择。本地存储也是另一种方式。我理解这个理论，但我如何将它作为一个代码来应用，你能为像我这样的初学者提供一个好的答案吗@HelpinghandNo后端。我只想将第1页上的相同数据表加载到第2页上的另一个表。

var arrData=[]

可以在回调函数的作用域之外定义为全局变量，您的其他数据表也可以在全局变量中访问它。这样，您就可以访问数据。另一个表位于下一页，而不是同一页。请解释为什么这是问题的答案。arrData的作用域位于回调函数内，而回调函数在其作用域外不可用。因此，它肯定不会在室外提供。所以通过不同的页面，我相信您正在谈论一个不同的HTML文件，其中包含了javascript方法。据我所知，没有直截了当的办法。如果您正在考虑构建一个类似于单页应用程序的解决方案，我建议您研究一些选项，例如Angular/React，它们已经解决了这个问题，而不是使用jquery构建所有内容