2017-05-23 5 views
1

私はAPIからデータを取り込み、各項目を表示しています。javascriptは次のページにアクセスするために一時変数にデータオブジェクトを格納します

返されたオブジェクトの1つを「クリック」し、そのオブジェクトの名前、著者、本文を一時変数に保持し、そのデータを別のページで表示できるようにしたいと考えています。

どうすればいいですか?結果を表示する

私のコードは次のようになります。

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

関連する問題