Question

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

我希望能够“点击”其中一个返回的对象，并在临时变量中保存该对象“name，author，body”中的部分，然后在不同的页面上访问该数据以供显示。

我该怎么做？

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

$("#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);

Answer 1

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

如何在本地存储中存储？

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

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

var nameValue = localStorage.getItem("name")

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

1 个答案: