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

Question

我正在使用django作为我的Web框架。我想要实现的是：

修改

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解析的服务器上，而且它不是很优雅。