Django：通过Ajax填充一个表单模式

Question

我试图在模态中显示预先填充的表单，以便用户可以单击某个项目，模式将打开，显示包含该项目数据的表单，用户可以编辑和保存该表单。

我可以使用json序列化程序将视图中的数据发送到模态但我无法找到如何发送表单。

当我测试这个时，我得到一个错误，声明"Object of type FormularioTareas is not JSON serializable"

问题似乎很清楚，我无法通过json响应发送表单。我怎么处理这个？

提前致谢！

模板中的模态调用

 <form name="form" action="#" id="form_tarea_{{tarea.id}}" method="POST">
    {% csrf_token %}
    <input name="id" id="tarea_id_submit" type="text" value="{{tarea.id}}" hidden="true"/>
    <a href="" id="{{tarea.id}}" class="show_tarea" data-toggle="modal" >Este link</a>
 </form>

Ajax脚本

这里我现在使用$('#caca').text(tarea_data.caca);只测试我可以正确地发送一些信息到模态。有用。

我想我应该将“text”类型更新为另一个以便工作。

    <script>
           $(function(){
                $('.show_tarea').on('click', function (e) {
                    e.preventDefault();
                    let tarea_id = $(this).attr('id');

                    $.ajax({
                        url:'/catalog/tareas-detail/',
                        type:'POST',
                        data: $('#form_tarea_'+tarea_id).serialize(),
                        success:function(response){
                            console.log(response);
                            $('.show_tarea').trigger("reset");
                            openModal(response);
                        },
                        error:function(){
                            console.log('something went wrong here');
                        },
                    });
                });
            });

            function openModal(tarea_data){
                $('#caca').text(tarea_data.caca);
                $('#modal_tareas').modal('show');
            };
    </script>

风景

def TareaDetailView(request):
    context = {}
    tareas = Tareas.objects.values()
    context[tareas] = Tareas.objects.all()
    if request.method == 'POST' and request.is_ajax():
        ID = request.POST.get('id')
        tarea = tareas.get(pk=ID)  # So we send the company instance
        tareas_form = FormularioTareas(tarea)
        caca = ID

        return JsonResponse(tareas_form, safe=False)
    else:
        return render(request, 'catalog/artista.html', context)

Answer 1

Django表单不是json可序列化的。将模型传递给j​​son响应或将表单作为text / json返回。

return JsonResponse(serializers.serialize('json', tarea), safe=False)

Answer 2

我以前从不使用django或python，但我会尽力帮助你：

首先是你的ajax，尝试使用完成而不是成功，在这个例子中，你从一些选择中获取信息以填充模式内的一个表单

function getData(clientId){
  return   $.ajax({
    method: "POST",
    url: "YourUrl",
    data: { action: "SLC", clientId: clientId} 
  })
}

然后你得到你的东西：

getData(clientId).done(function(response){
//manage your response here and validate it 
// then display modal, note: you must have some conditions to get the array 
//and fill each input use JSON.parse to get the json array elements
 openModal(response);
})

希望能帮助到你