如何保存网页状态(动态添加内容)，以便下次可以重新加载

Question

我有一个网页上的内容也是动态添加使用ajax。例如，通过图像添加图像，并使用jquery将可拖动对象添加到其中，以便可以拖动它们。

现在，我想在添加图像并使其可拖动后保存网页的状态，因此，如果用户导航离开页面并再次使用链接返回同一页面，他就能够看到他添加的图像，也可以拖动它。

如何使用jquery或其他工具来实现这一点。我不知道我们该怎么做。任何指向这一点的建议都将是非常有帮助的。

我正在使用php和jquery。

Answer 1

您可以使用javascript将状态保存在某个隐藏字段中，并通过ajax调用或使用服务器端代码(php)回发来访问该隐藏字段。提取页面的状态，解释它，并保存在一些持久的介质，如数据库。

Answer 2

您可以使用html5 web存储概念来保存页面的状态。sessionStorage将是最容易实现的。您可以找到sessionStorage和其他存储类型here的代码示例。

如果html5不是一个选项，那么您可以使用cookies来存储页面的状态。您可以通过Javascript访问cookies。您也可以使用jquery插件jquery-cookie来简化实现。

您还可以在How do I set/unset cookie with jQuery?上找到更多讨论