javascript—如何使用初始数据将django表单异步传递到html

kdfy810k  于 2021-09-08  发布在  Java
关注(0)|答案(0)|浏览(269)

我在表中表示数据,并使用同一网页上的表单输入新数据。在“我的表格”的“结束”列中,每行都有一个“更新”按钮。当我单击按钮时,我希望现有表单将填充该行的数据。我想异步更新所选行的数据。
我用普通的django做得很好。但是当我尝试使用ajax/jquery时。我在将带有填充数据的表单传递到html/script(django视图到前端)时遇到了一个问题。我在下面添加了几行代码。
这是我的django观点,

def update_view(request,pk):
    p = People.objects.get(pk=pk)

    if request.method == 'POST':
        form = RecordUpdateForm(request.POST,instance=p)
        if form.is_valid():
            form.save()

    else:
        form = RecordUpdateForm(instance=p)
    return !!!

这是url路径,

path('<int:pk>/update_view',views.update_view,name="update-view"),

编辑:jquery代码

$(document).on("click","#update",function(e){
                var id = document.getElementById('update').value;
               e.preventDefault();
               $.ajax({
                    method:"POST",
                    url: "{% url 'update-view' pk=1 %}",
                    data: {
                        csrfmiddlewaretoken:'{{csrf_token}}',
                    },
                    success: function(){
                console.log("Success update call");
               },
                    error: function(){
                        console.log("error update call");
                    },

               });

           });

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题