如何将我的 JSON 数据显示到 html 表中的另一个 html 页面？

Question

这是第一页：

scoreSubmit() {
  var name = prompt("Unesi svoje ime:");
  var objekat = {
    "name": name,
    "score": score
  };
  var myJSON = JSON.parse(localStorage.getItem("textvalue"));
  myJSON[myJSON.length] = objekat;

  var sort = false;
  while (!sort) {
    sort = true;
    for (var i = 0; i < myJSON.length - 1; i++) {
      if (myJSON[i + 1].score > myJSON[i].score) {
        var temp = myJSON[i];
        myJSON[i] = myJSON[i + 1];
        myJSON[i + 1] = temp;
        sort = false;
      }
    }
  }
  localStorage.setItem("textvalue", JSON.stringify(objekat));
}

这是我第二页上的代码

  var myJSON=JSON.parse(localStorage.getItem("textvalue"));

  var bodycontent="";

  for(var i =0;i<myJSON.length;i++){
               bodycontent +="<tr>";
               bodyContent += "<td>" + (i + 1) + ".</td><td class='name'>" + myJSON[i].name + "</td><td>" + myJSON[i].score + "</td>";
               bodyContent += "</tr>";


   }
   document.getElementById("leaderboardBody").innerHTML =bodycontent;

但是由于某种原因，如果 JSON 数据没有显示在表格上。你知道我哪里出错了吗？任何帮助都需要我很多！

Answer 1

localStorage.setItem("textvalue", JSON.stringify(objekat));

看起来不对。你肯定打算写

localStorage.setItem("textvalue", JSON.stringify(myJSON));

？

否则它只会将一个对象值写入本地存储，而检索现有列表、添加到它并进行排序的整个目的是没有意义的。此外，如果您尝试使用您的第二页代码处理单个对象，它将没有长度（因为它不是数组），因此不会运行循环以创建 HTML。