jquery - 当 Web 服务器由 jquery 操作时，在客户端的 DOM 中维护特定 div 的副本的最佳方式是什么？

Question

我正在用 javascript 和 jquery 构建一种 html 文档编辑器。我希望服务器保持文档的当前状态。服务器端将在 java 或 php 中实现。

在客户端上，我有一个 html 元素的调色板，用户可以将其添加到文档中。可以添加的所有内容都包含在 div 中。在文档中，用户将操作树结构，在 div 中分组/包装元素，并将 div 移动为兄弟姐妹的孩子。一些 div 中会有表单，我也需要表单中的值保留到服务器。

您认为最好的方法是什么，而不是每次发生更改时都将整个文档发送到服务器？

Answer 1

在我看来，你有三个选择：

1. 您可以将整个文档发送到服务器，每次更改或在不活动的短暂暂停（例如 60 秒无活动）后（如自动保存）。
2. 您可以创建文档的骨架描述，该描述不是实际的 HTML，而且更加紧凑，但仍描述了所有预定小部件的位置。例如，一个特定的预定义小部件可以描述为简单的“A”，而不是组成它的已知 HTML。
3. 您可以只将每个更改发送到服务器（例如，将第 13 项移动到第 19 项的子项，或删除第 20 项），并通过在发生更改时应用每个更改来在服务器上维护一个重复的结构。

如果数据不大（例如 100k 以下）并且很容易解析服务器上的整个数据，那么实现第 1 项和第 2 项可能比实现项目更麻烦。

我建议实施选项#1，然后看看它是如何执行的，只有在必要时才去做更复杂的事情。