如何在另一个页面中加载从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);