Question

我有以下页面

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文件中..

如何执行上述任务？

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

您可以使用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);

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

2 个答案: