Question

 $("#table1").append(
    "<tr><td id='keyId'>" +
      key +
      "</td><td>" +
      name +
      "</td><td>" +
      address +
      "</td><td><ul><li>" +
      foodName +
      "</li></ul></td><td>" +
      phone +
      "</td><td>" +
      total +
      "</td></tr>"
  );

这是我的index.js的代码，我想要单击按钮时键行的值，该值将用于提供详细信息。我想在其他javascript文件或html文件中使用该值。

Answer 1

您可以使用SessionStorage或LocalStorage。

sessionStorage对象仅存储一个会话的数据   （当关闭浏览器标签时，数据将被删除。）

localStorage对象存储没有到期日期的数据。数据   关闭浏览器后不会删除它，并且可以使用   第二天，一周或一年。

下面的示例适用于LocalStorage，但您也可以将其与SessionStorage一起使用，根据您的需要，它们设置/获取/删除项目的语法是相同的。

您不必一定要从SessionStorage中删除项目，因为在关闭选项卡时它将自动清除。对于LocalStorage，如果不再需要该项目，则是一个好习惯。

第一页：

$("#table1").append(
  "<tr><td id='keyId'>" +
    key +
    "</td><td>" +
    name +
    "</td><td>" +
    address +
    "</td><td><ul><li>" +
    foodName +
    "</li></ul></td><td>" +
    phone +
    "</td><td>" +
    total +
    "</td></tr>"
);

<script>
  var button = document.getElementById(keyId);
  button.onclick = function(){
    // Add item to localStorage
    localStorage.setItem("keyId", this.innerText);
  };
</script>

第二页：

<script>
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("keyId");
// Remove if not needed
localStorage.removeItem("keyId");
</script>

sessionStorage on w3schools
localStorage on w3schools

Answer 2

Window localStorage属性允许将键/值对保存在Web浏览器中。

在首页中将数据保存到localStorage的语法：

localStorage.setItem("key", "value");

第二页中的语法，用于从localStorage读取数据：

var lastname = localStorage.getItem("key");

从localStorage删除数据的语法：

localStorage.removeItem("key");

如何使用javascript从列ID到另一页获取价值？

2 个答案: