将值从一个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);
}