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);

最佳答案

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

如何存储到本地存储？

localStorage.setItem('name', 'Byron');

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

var nameValue = localStorage.getItem("名称")

关于javascript将数据对象存储在临时变量中以便在下一页访问，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44143097/