将 JSON 从一个 html 传递到另一个 HTML答案

【问题标题】：Pass JSON from one html to other HTML将 JSON 从一个 html 传递到另一个 HTML
【发布时间】：2013-10-05 23:00:27
【问题描述】：

我正在构建一个完全依赖于服务的 Web 应用程序。因此，客户端代码是纯粹的 html、javascript/jQuery，它们调用一些 REST 服务来呈现 UI。我需要将 JSON 对象从一个 html 页面传递到另一个 html 页面。目标html页面需要在新窗口中打开..

有没有一种简单有效的方法来完成同样的任务？

我正在阅读骨干路由器等...，但想知道这是否有点矫枉过正。请指教。

几个注意事项：

需要一个跨浏览器（如果不是真正的旧浏览器）解决方案，并且不能作为查询字符串的一部分传递。因为这会很大

【问题讨论】：

到目前为止，请发布您的代码，尚不清楚您到底在问什么。您是否尝试过本地存储或 cookie？
您是否考虑过像 Ember.js、Backbone.js 或 Angular 这样的客户端框架？
我会尝试使用这里解释的方式：stackoverflow.com/questions/10732065/…

标签： javascript jquery json backbone.js

【解决方案1】：

如果您不能作为查询字符串的一部分传递，那么您将需要某种后端到您的应用程序。一个合适的候选者是 Firebase（具有免费选项的后端服务）。这对您特别有用，因为您的应用程序似乎很重前端。

【讨论】：

【解决方案2】：

好的，所以答案很明确：

// Your /main.html file
<script type="text/javascript">
    w = window.open("/other.html", "WindowTitle");

    function getJSON(){
        return my_json_data;
    }
</script>

// Your /other.html file
<script type="text/javascript">
    // Get Json Data
   my_json_data = window.opener.getJSON();
</script>

【讨论】：

仅当两个页面来自同一个域时才有效。如果在同一个域上，window.postMessage 看起来像更干净的方法
呃从未使用过！写出答案