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

Question

This is on the first page:

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));
}

and this is code on my second page

  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;

but for some reason, if JSON data doesn't show up on table.Do you know where i'm faulting? Any help needs me a lot!

Answer 1

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

looks wrong. Surely you intended to write

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

?

Otherwise it will just write one object value into localstorage, and the whole purpose of retrieving an existing list, adding to it and sorting is pointless. Also, if you try to process a single object using your second-page code, it will not have a length (because it isn't an array) and so the loop will not run in order to create the HTML.