显示json local

Question

我一直尝试在单击时从一个页面显示JSON数据到另一个页面。

例如，用户单击一个图像，它会将相同的图像/文本传递到另一个页面。

以下是我的代码

ygt.js

      <h2 class="pet-name">${pet.name}
      
      
      <h1 class="species">${pet.species}

      </div>
       <div></div></div>
      </div>
   </div>

  
`;
}

document.getElementById("app").innerHTML = `
   <h1 class="app-title">Kids
   ${petsData.map(petTemplate).join("")}
`;

Answer 1

您可以使用localStorage将值从一个页面传递到另一个页面。假设您将图书放在一个页面中，并且希望将图书名称传递到另一个页面。

在您的帐簿页面中，您可以添加如下函数：

function saveBook(bookName, link){
   localStorage.setItem("bookName", bookName):
   window.location.href = link
}

然后，您可以在onclick事件中调用此函数。

<div class="olay" onclick="saveBook('The Book','${pet.href}');" style="cursor: pointer;">

当有人点击该书时，它会将值保存在localStorage中，并重定向到您需要的页面。

在第二页中，您可以使用函数检索保存的值：

var bookName = localStorage.getItem('bookName');

有关localStorage的更多信息，请访问：https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage