How to pass data from Django model to AJAX?

Question

AJAX

Django code:

class IndexView(View):
    def get(self, request):
        model = TireModel.objects.all()
        text = request.GET.get("button_text")
        if request.is_ajax():
            t = time()
            return JsonResponse({"seconds": t}, status=200)

        context = {
            "tires": model
        }
        return render(request, "index.html", context)

    def post(self, request):
        fields = ["en_mm", "height", "diametr", "season", "cartype"]
        qs = TireModel.objects.all().values_list()
        # qs1 = serialize_tires(qs)
        # print(qs1)

        for field in fields:
            if request.POST.get(field) != "" and request.POST.get(field) != "All":
                qs = qs.filter(**{field: request.POST.get(field)})
        
        return JsonResponse({"data": qs})

Code in AJAX:

$(document).on("submit", function(e) {
    e.preventDefault();

    $.ajax({
        type: 'post',
        url: '',
        data: {
            csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]').val()
        },
        success: function(response) {
            console.log(response)
        }
    })
})

How to send data from Django model to AJAX? But after the for loop, the qs variable outputs an empty QuerySet()

for field in fields:
            if request.POST.get(field) != "" and request.POST.get(field) != "All":
                  qs = qs.filter(**{field: request.POST.get(field)})
                  print(qs)

Answer 1

So you did not send a single field to Ajax. In the request, only the ksrf token is there and that's it. Other fields must also be added.