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

Question

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

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

如何使用jquery或其他方法实现这一目标。我对如何做到这一点没有任何线索。任何指向这一点都会有很大的帮助。

我正在使用php和jquery。

Answer 1

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

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

您还可以在How do I set/unset cookie with jQuery?

上找到更多讨论

Answer 2

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