将JSON字符串从一个HTML页面发送到另一个HTML页面

Question

我知道这可能听起来很愚蠢，更容易的选择是将我的页面转换为PHP。但有没有办法用HTML或jQuery在HTML中执行此操作？

我想将JSON字符串从一个HTML页面发送到另一个HTML页面。

{p}在first.html中有一组图像被转换为​​JSON字符串，如下所示：

{"images":[ {"src":"images/en1.png"},
    {"src":"images/en4.png"},
    {"src":"images/en2.png"},
    {"src":"images/fr4.png"},
    {"src":"images/b40.png"},
    {"src":"images/ca7.png"}
]}

我想将其发送到second.html，然后在其中一个名为编辑的按钮会将所有这些内容发送回first.html

有办法做到这一点还是不可能？

Answer 1

您可以使用查询字符串

类似

    <a 
href='second.htm?images={"images":[ {"src":"images/en1.png"},{"src":"images/en4.png"},{"src":"images/en2.png"},{"src":"images/fr4.png"},"src":"images/b40.png"},{"src":"images/ca7.png"}]}' >
    Go to second page
    </a>

在second.htm上，您可以使用

获取该值

window.location.href

Answer 2

您可以使用：

用于存储字符串并在第二个HTML中读取cookie的cookie

将整个字符串（JSON stringify）作为URL参数传递

Answer 3

您可以使用Andris Reinman的jStorage库来利用HTML5离线存储。只需从您的first.html页面调用set方法，然后从second.html页面调用get方法。