javascript - 如何在另一个页面中加载从ajax接收的数据？

我有以下页面


Page1.html
Page2.html
JavaScript.js


我的第一页单击按钮即可进行Ajax调用，并成功接收响应。

我想将该数据加载到另一页（Page2.html）中。

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

我的具有内容ID的div在另一页上（Page2.html）...
注意：我所有的脚本都在js文件中。

如何执行上述任务？

最佳答案

您可以使用browser local storage来将数据持久保存在随后的页面访问中，而不会过期。从IE-8到所有现代浏览器，它都具有很好的支持，因此它将轻松运行。

要存储数据，您需要访问storage对象并在page1.html上设置类似的数据。

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

在page2.html上，可以使用与设置数据时相同的键（localStorage）名称从MyData对象检索数据。您可以为此选择任何有意义的名称。

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

关于javascript - 如何在另一个页面中加载从ajax接收的数据？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38195734/