如何在 Django 模型中正确使用 jQuery / Ajax 发布

Question

我正在尝试使用 jQuery/Ajax 将 POST 数据添加到我的 Django 相关模型中。尽管遇到了许多关于该主题的问题，但我还是无法完成在表格中发布数据的工作。

如果我使用普通格式 submit，数据会保存在两个表中，但是在使用 ajax 时，我会不断收到 400 (Bad Request)。

我处理 ajax 请求的 view 是：

def ajxCreateRtp(request):
    if request.is_ajax and request.method == "POST":
        form = RtpCreateForm(request.POST)

        if form.is_valid():
            instance = form.save(commit=False)
            formset = CreateRtpFormset()
            if formset.is_valid():
                formset_instance = formset.save()
                instance = form.save()

                ser_instance = serializers.serialize('json', [ instance, formset_instance, ])
                return JsonResponse({"instance": ser_instance}, status=200)
            else:
                return JsonResponse({"error": form.errors}, status=400)

    return JsonResponse({"error": ""}, status=400)

控制台中的错误如下：

POST http://127.0.0.1:8000/.../.../.../rtp/ajax/add/ 400（错误请求） 发送@jquery-3.4.1.js:9837 ajax@jquery-3.4.1.js:9434（匿名）@ (index):1011 dispatch @ jquery-3.4.1.js:5237 elemData.handle @ jquery-3.4.1.js:5044

注意：如果我从 ajxCreateRtp 视图中删除 .formset 部分，标题表单中输入的数据将保存到父模型。

模板中的jQuery/Ajax脚本是：

$(function() {
    $('#rtpForm').submit(function(e) {
        e.preventDefault();
        var data = $(this).serialize();
        // console.log(data);
        
        $.ajax({
            type: 'POST',
            url: "{% url 'ajax_add_rtp' %}",
            data: data,
            success: function(response) {
                console.log('Data Saved');
            },
            error: function (response) {
                console.log('Problem encountered');
            }
        });
    });
});

有人可以帮我解决这个问题吗？

Answer 1

form.is_valid() is False 的情况似乎没有得到妥善处理。添加另一个返回语句以包含表单的错误并调整另一个以包含表单集的错误似乎更合适。它应该为您提供信息以继续在浏览器开发者工具的网络 -> 响应面板中进行调试。

def ajxCreateRtp(request):
    if request.is_ajax and request.method == "POST":
        form = RtpCreateForm(request.POST)

        if form.is_valid():
            instance = form.save(commit=False)
            formset = CreateRtpFormset()
            if formset.is_valid():
                formset_instance = formset.save()
                instance = form.save()

                ser_instance = serializers.serialize('json', [ instance, formset_instance, ])
                return JsonResponse({"instance": ser_instance}, status=200)
            else:
                return JsonResponse({"error": formset.errors}, status=400)
        return JsonResponse({"error": form.errors}, status=400)

    return JsonResponse({"error": "Invalid request type."}, status=400)