Jquery 如何将HTML转换回JSON

我有一个页面，其中实际的容器被检索为JSON，并使用handlebar javascript转换为HTML

用户可以选择更改容器中的字段。类似于在容器中显示的文本框周围移动。他们可以保存这些偏好。他们还可以从提供的工具箱中添加新字段。（想象一幅MS画作）

当用户选择保存时，我需要将更新的信息发送回服务器并保存它们

为了实现这一点，我尝试使用最初用于构建容器的JSON，这样我就可以花更少的时间为post构建JSON请求

是否有更好的方法将HTML转换回JSON，或者我应该遍历每个节点/子节点以获取更新的值并构造JSON

我需要你的建议，因为我以前没有这样做过

谢谢阅读。

您是否考虑使用或使用其他MVVM框架来执行这2种方式绑定< /P> 使用angular，您可以执行以下操作：

  <p>First name: {{JsonObject.firstName}}</p>

名字：{{JsonObject.firstName}

如果它是一个输入值或更新，它将自动反映回JSON对象

下面是一段精彩的介绍视频：

---

我会首先尝试实时更新json，因为用户正在修改html，而不是在之后尝试从头开始重新构建。我还需要适应用户添加新字段。我的建议也适用于此。事实上，我在想，当我尝试频繁更新时，这不会导致延迟或用户平滑交互吗？我怀疑它会对用户体验产生任何影响。如果不尝试，就无法确定。