Javascript 在表单submit-Django上更新画布元素

我正在尝试用Django更新表单提交中的HTML画布元素

我有我的views.py，它以JSON格式呈现index.html页面，其中包含处理后的数据

return render（请求'index.html'，{'form'：form，'data'：mark_safe（json.dumps（data））}）

这个呈现方法在一个

if request.method==“POST”

中，所以本质上它是通过上下文将数据适当地发送到HTML和JavaScript，但是，当我使用“提交”按钮时，我需要画布更新

$（'#form'）.submit（函数（）{/*我所有的画布逻辑*/}）在刷新Django页面之前，画布将立即显示符号，然后重置为空白画布

这大概是因为views.py中没有任何内容明确告诉index.html在页面上有一个新的画布，其中包含数据，但我似乎找不到任何关于此的信息或文档。此外：


Python tkinter或其他GUI库在这里并不真正适用
我只能通过JavaScript更改和更新画布
我无法将整个HTML画布元素作为上下文传递给视图
e.preventDefault（）将取消整个提交；因此，如果表单中的输入发生更改，发布的数据将不会更新，因此，画布上绘制的形状将不会更改


也许有一种方法可以在表单数据被处理后绘制它

TLDR：如何基于表单数据呈现画布，然后在表单提交后将画布保留（或更新）在页面上？
因此，我最终发现我认为这些数据的提交方式完全错误，特别是对于我的项目，有一种不同的解决方案可以更好地利用Django：实际使用上下文。哎呀

但是，为了将来在这个问题上提供具体的参考，仍然可能有以下解决方案：