如何使用多个 Django FBV 通过 Ajax+jQuery 捕获和保存数据

Question

在我的 Django 应用程序中，我使用了两个函数视图，FV1 和 FV2。

FV1 用于从数据库中捕获数据并填充表单/表单集。

在 FV2 中，我尝试使用 Ajax 从页面发送序列化数据（带有上述数据），验证 FV2 中的数据并保存，最后在页面中接收来自 FV2 的确​​认作为 Ajax 回调。

在控制台中我可以看到序列化的数据。验证发生的事实证明，如果未键入所需值之一，则相关else: 段中捕获的错误消息将传递到控制台。

但是，如果正确输入了所有数据并提交了表单，则数据不会保存在相应的模型中。也没有错误信息。

鉴于上述情况，实现目标的方法应该是什么。不用说，我错过了一些大事。非常感谢您提供解决问题的指导。

编辑

models.py:

class mapTarg(models.Model):
    map_id = models.AutoField(primary_key=True, verbose_name='Map ID')
    map_name = models.CharField(max_length=50, verbose_name='Map name')
    map_target = models.CharField(max_length=100, verbose_name='Target')

class mapTargItems(models.Model):
    map_itm = models.AutoField(primary_key=True, verbose_name='Item')
    map_hdr = models.ForeignKey(mapTarg, related_name='map_hdr_tab', on_delete=models.CASCADE, verbose_name='Mapper')
    map_field = models.CharField(max_length=100, verbose_name='Target Fld')
    map_field_col = models.CharField(max_length=25, verbose_name='Col')

views.py：

def SaveMapAjax(request, object_id=False):
    if object_id:
        qs_targ_model_form = mapTarg.objects.get(pk=object_id)
    else:
        qs_targ_model_form = mapTarg()

    target_field_formset = CreateMappedTargFieldsFormset()

    if request.method == 'POST' and request.is_ajax():
        new_qs_targ_model_form = mappedTargModelForm(data=request.POST, instance=qs_targ_model_form)

        if new_qs_targ_model_form.is_valid():
            qs_targ_model_form = new_qs_targ_model_form.save(commit=False)
            target_field_formset = CreateMappedTargFieldsFormset(request.POST, instance=qs_targ_model_form)

            if target_field_formset.is_valid():
                qs_targ_model_form.save()
                target_field_formset.save()

            msg='Data saved!'

        else:
            msg= 'Error occured..'
    return JsonResponse(msg, safe=False)

ajax 函数

$(function() {
    $('#btnSaveMap').on('click', function() {    // "Save" button
    var frm = $('#dataMapperForm');              // Form id

        $.ajax({
            type: frm.attr('method'),
            url: '{% url 'save_mapper' %}',      // Url pointing to view for saving data
            data: frm.serialize(),
            success: function(data) {
                console.log('Success !!');
                console.log(data);
            },
            error: function(data) {
                console.log('Problemo');
                console.log(data);
            },
        });
    });
});

Answer 1

如果我对你的理解正确，那就是你想创建一个mapTargItem 的实例，FK 指向一个mapTarg 的实例，那么我将在 DRF 中创建视图集。我将从序列化程序开始。这是 DRF 中非常常见的模式

serializers.py

from rest_framework import serializers
from .models import mapTarg, mapTargItems

class mapTargItemsSerializer(serializers.ModelSerializer):
    class Meta:
        model = mapTarg
        fields = "__all__"
        # if you want to only return a select number of model attributes
        # then you can as an example define fields as follows
        # fields = ("map_name", "map_target")

class mapTargSerializer(serializers.ModelSerializer):

    map_hdr_tab = mapTargItemsSerializer()

    class Meta:
        model = mapTarg
        fields = "__all__"

views.py

from .serializers import mapTargItemsSerializer, mapTargSerializer
from .models import mapTarg, mapTargItems


class mapTargItemsViewSet(viewsets.ModelViewSet):
    serializer_class = mapTargItemsSerializer
    permission_classes = [IsAuthenticated]
    queryset = mapTargItems.objects.all()

    # you can override get_queryset() for more advanced queries


class mapTargViewSet(viewsets.ModelViewSet):
    serializer_class = mapTargSerializer
    permission_classes = [IsAuthenticated]
    queryset = mapTarg.objects.all()

urls.py

from rest_framework.routers import SimpleRouter
from django.urls import path, include
from .views import mapTargViewSet, mapTargItemsViewSet

router = SimpleRouter(trailing_slash=False)
router.register("map_targs", mapTargViewSet, basename="map_targs")
router.register("map_targ_items", mapTargItemsViewSet, basename="map_targ_items")

urlpatterns = [
    path("", include(router.urls)),
]

您现在可以点击map_targs 的端点，获取您要用作mapTargItems 的FK 的对象，然后POST 到map_targ_items。

DRF 将为您处理验证、序列化和响应，并在发生任何错误时返回合理的错误消息。

希望这会有所帮助。