2017-05-23 46 views
1

我從API中提取數據並顯示每個項目。JavaScript存儲數據對象在臨時變量中訪問下一頁

我希望能夠在返回的對象之一上「點擊」,並將該對象的名稱,作者,主體部分保存在臨時變量中,然後在不同的頁面上訪問該數據以供顯示。

我該怎麼做?

我的代碼來顯示結果是這樣的:

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

如果要存儲數據的下一個頁面,將其存儲在localStorage的,然後從localStorage的檢索它時,你就是下一個頁面上。 (https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage) – Ken

+1

通常的方法是將存儲的數據通過HTTP請求(查詢字符串或表單主體)傳遞給Web服務器。 – James

回答

1

您可以使用localStorage的存儲和檢索瀏覽器項目。 localStorage沒有到期時間。你可以找到更多的信息here

如何存儲在本地存儲?

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

如何從本地存儲項目?

var nameValue = localStorage.getItem("name")

+0

當瀏覽器關閉時'localStorage'不一定被清除 - 這取決於設置。 – strah

+0

更新了答案,以使其更具體地顯示過期。雖然,不同的瀏覽器在清除本地存儲時有一些不同的行爲。謝謝你的提示。 – Agalo