如何在另一個頁面中加載從ajax接收的數據？

Question

我有以下頁面

1. Page1.html
2. Page2.html
3. JavaScript.js

我的第一頁在按鈕點擊時調用ajax並成功接收響應。

我想在另一個頁面（Page2.html）中加載該數據。

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

我的內容id的div在另一個頁面上（Page2.html）...注意：我的所有腳本都在js文件中。

我該如何執行上述任務？

Answer 1

解決方案I：使用Jquery，

您需要包含Jquery插件https://github.com/carhartl/jquery-cookie ：

$.cookie("data", data);

解決方案II：使用Localstorage。 [在所有現代瀏覽器中都支持]

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

您可以使用瀏覽器本地存儲 ，這將在后續頁面訪問中保留您的數據，但不會過期。 它在從IE-8到所有現代瀏覽器的瀏覽器中得到了很好的支持，因此它可以毫無困難地工作。

要存儲數據，您需要訪問存儲對象並在page1.html上設置這樣的數據。

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

在page2.html ，您可以使用我們用於設置數據的相同密鑰（ MyData ）名稱從localStorage對象檢索數據。 您可以為此選擇任何有意義的名稱。

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