別のページでajaxから受け取ったデータを読み込む方法は？

Question

私は、次のしているページ

1. Page1.html
2. Page2.html
3. javascript.jsを
は

私の最初のページには、...

ボタンクリックでAJAX呼び出しを行い、成功した応答を受け取ります

別のページ（Page2.html）にそのデータをロードしたい。

コンテンツのIDと0

$.ajax(
    ..... 
    ..... 
    ..... 
    success: function(response){ 
    window.location.href="Page2.html"; 
    $("#content").append(data);  
    } 
); 

私のdivは、別のページ（Page2.html）にある... 注：すべての私のスクリプトは、私は上記のタスクを実行するにはどうすればよい... JSファイルに

ですか？

Answer 1

ソリューションは、私は：

$.cookie("data", data); 

ソリューションII：のlocalStorageを使用してjQueryを使って、

あなたはjQueryプラグイン https://github.com/carhartl/jquery-cookieを含める必要があります。

var data = 123; 
// Put the var into storage 
localStorage.setItem('data', data); 

// Retrieve the var from storage 
var retrievedData = localStorage.getItem('data'); 

console.log(retrievedData); 

Answer 2

あなたは有効期限なしの後続のページの訪問で、あなたのデータを永続化しますbrowser local storageを使用することができます[すべての最新ブラウザでサポートされています]。これは、IE-8からすべての最新のブラウザに至るまで、ブラウザのサポートをうまく持っているので、面倒なく動作します。

データを格納するには、storageオブジェクトにアクセスし、このようなデータをpage1.htmlに設定する必要があります。 page2.htmlで

$.ajax({ 
    ... 
    ... 
    success: function (result) { 
     localStorage.setItem('MyData', result); 
    } 
}); 

、あなたは私たちがデータを設定するために使用したのと同じキー（MyData）名を使用してlocalStorageオブジェクトからデータを取得することができます。意味のある名前を選択できます。

var data = localStorage.getItem('MyData'); 
console.log("use data wherever you want...", data);