javascript将数据对象存储在临时变量中，以便在下一页进行访问

我从API中提取数据并显示每个项目

我希望能够“单击”其中一个返回的对象，并将该对象“名称、作者、正文”中的部分保存在临时变量中，然后在不同的页面上访问该数据以供显示

我该怎么做

显示结果的代码如下所示：

$("#run-search").on('click', function(event){
  event.preventDefault();

  searchTerm = $("#search-term").val().trim();

  $.get("/api/search/" + searchTerm, function(){
    console.log('request');
  })
  .done(function(data){
    for(var i = 0; i < data.objects.length; i++){
      var newDiv = $("<li>").text(data.objects[i].title);
      var newButton = $("<button>").text(data.objects[i].title + " " + data.objects[i].authors[0].name);

      $("#results").append(newDiv);
      $("#results").append(newButton);

$（“#运行搜索”）。在（'click'，函数（事件）{
event.preventDefault（）；
searchTerm=$（“#搜索词”）.val（）.trim（）；
$.get（“/api/search/”+searchTerm，函数（）{
console.log（'request'）；
})
.完成（功能（数据）{
对于（var i=0；i”）.text（data.objects[i].title）；
var newButton=$（“”）。text（data.objects[i]。title+“”+data.objects[i]。作者[0]。姓名）；
$（“#结果”）.append（newDiv）；
$（“#结果”）.append（newButton）；

您可以使用

localStorage

在浏览器中存储和检索项目。 localStorage没有过期时间。您可以找到更多信息

如何在本地存储中存储？

localStorage.setItem（'name'，'Byron'）；

如何从本地存储中检索项目？

---

var nameValue=localStorage.getItem（“name”）

如果要存储下一页的数据，请将其存储在localStorage中，然后在下一页时从localStorage中检索。（）通常的方法是通过HTTP请求（查询字符串或表单正文）将存储的数据传递给web服务器当浏览器关闭时，

localStorage

不一定会被清除，这取决于设置。更新了答案，使其更具体地说明过期时间。不过，不同的浏览器在清除本地存储时有一些不同的行为。感谢您的注意。