Html 如何动态保存web应用程序状态？

我想创建一个web应用程序，用户可以将图像和文本拖放到

div

或类似的容器中。然后，当用户单击“保存”按钮时，应用程序将能够保存已删除项目的内容以及这些项目的位置信息

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

---

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

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

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