将值从一个HTML页面传递到另一个HTML页面

Question

我目前正在开发在线目录，需要有关特定功能的帮助。我有一个页面manageCards.xhtml，其中包含一个表格，显示卡片信息（这是硬编码的）。本页底部有一个按钮，可以将它们带到新页面addNewCards.xhtml，在那里他们可以填写相关字段来注册新卡。

我的问题是，有没有办法可以在这些页面之间传输值，并在manageCards.xhtml页面上填充同一个表的新实例，但对于新注册的卡？我对JavaScript和jQuery都比较陌生，但我确信还有一种我不熟悉的方式。

非常感谢任何帮助

非常感谢

Answer 1

您可以使用localStorage。

在导航之前单击按钮时，可以将数据存储在本地存储中，以便可以在新页面中读取。

function storeCardInfo(data) {
  localStorage.setItem('cardData', JSON.stringify(data));
}

然后在第二页上，从localStorage读取该数据。

function getCardInfo() {
   var cardInfo = localStorage.getItem('cardData');
   return JSON.parse(cardInfo);
}