html - 如何动态保存 Web 应用程序状态？

Question

我想创建一个 Web 应用程序，用户可以在其中将图像和文本拖放到一个div或类似的容器上。然后，当用户单击保存按钮时，应用程序将能够保存拖放项目的内容，以及这些项目的位置信息。

最终，用户应该能够返回，然后打开应用程序，并将图像和文本恢复到与保存时完全相同的位置。

如果有人知道可以帮助实现这一目标的方法或框架，将不胜感激。

Answer 1

当用户点击保存按钮时，您将需要收集当前网页的动态状态（听起来像图像和位置）并将其发送到您的服务器，并使用某种唯一且安全地标识该用户的用户 ID。下次用户加载此网页时，您可以将状态放入网页中，因为它是从服务器检索的，或者您可以使用客户端 JavaScript 从服务器检索该用户的状态，然后将页面动态修改为匹配所需的状态。

您可以使用 ajax 调用或 post 将状态保存到服务器。您可以使用 ajax 调用从客户端 javascript 从服务器检索状态，或者如果服务器已经将状态放入网页中，您可以在那里引用它。