javascript - 修改动态更改的数据并使用 javascript 提交的好方法？

Question

我使用 django 作为我的网络框架。我想要实现的是：

编辑：

DB中的样本数据：

{
  "title": "hello there"
  "data": "{{ This is just some text }}{{ with some customized formatting }}"
}

前端获取对象并将其转换为类似的东西（并显示它）：

<div onClick="function_that_changes_content_to_hello_world();">
This is just some text
</div>
<div onClick="function_that_changes_content_to_hello_world();">
with some customized formatting
</div>

用户点击两个 div，现在 dom 看起来像：

<div onClick="function_that_changes_content_to_hello_world();">
hello world
</div>
<div onClick="function_that_changes_content_to_hello_world();">
hello world
</div>

现在，当用户将数据提交回服务器时，服务器应该得到：

{
  "title": "hello there"
  "data": "{{ hello world }}{{ hello world }}"
}

只是在寻找一种巧妙的方法来做到这一点（如果有的话）？目前我让服务器生成 div 并将其交给 javascript。提交后，JS 只是将整个 dom 转储到解析 div 的服务器，这不是很优雅。