javascript - 显示从 session 到 html 表的数组数据

Question

我已经将第 1 页上的 html 表的数据复制到数组 obj(arrData) 中。我已经将该 arrData 保存到 session 存储中。现在在第 2 页，我如何将 arrData 中的数据显示到 html 表中。 JS 中的新功能。提前致谢

第 1 页 JS

var arrData=[];               
$("#checkout").on('click',function(){

$("#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 obj={};

    obj.col1=col1_value;
    obj.col2=col2_value;

    arrData.push(obj);
   sessionStorage.myArrData=JSON.stringify(arrData);
 });
console.log(arrData);

});

第 2 页

<table class="table table-checkout" id="table">
<thead>
  <tr>
    <th>Item</th>
    <th>Quantity</th>
  </tr>
</thead>
<tbody>
</tbody>

第 2 页 JS

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

Answer 1

您需要使用 sessionStorage.setItem("foo", 12) 而不是 sessionStorage.foo = 12;

后者是将新属性附加到 javascript 对象，而不是与浏览器 session API 对话。当页面重新加载时，您附加的对象消失了。

要取回元素，请使用 sessionStorage.getItem

Mozilla docs for sessionStorage including setItem and getItem

完成后，您将需要一种在表格中创建新表格行的方法。有许多用于此目的的框架，但您也可以自己构建表格(比其他元素多一些步骤)

How to insert row in HTML table body in Javascript?