Question

嗨，我正在尝试使用Ajax在用户单击表单上的保存按钮后，向我的Django Rest Framework API发送POST请求（包括json数据）。我尝试过邮递员，它可以工作，但是当我用ajax调用它时，它引发了 RawPostDataException 错误

views.py中的我的api：

class FilterView(APIView):
    authentication_classes = [SessionAuthentication, JWTAuthentication]
    permission_classes = [IsAuthenticated]

    def get(self, request):
        login_user = request.user
        paginator = ListPagination()
        queryset = Filter.objects.filter(user=login_user).all().order_by('-pk')
        context = paginator.paginate_queryset(queryset, request)
        serializer = FilterSerializer(context, many=True)

        return paginator.get_paginated_response(serializer.data)

    def post(self, request):
        login_user = request.user
        received_json_data=json.loads(request.body)
        valid_ser = FilterSerializer(data=received_json_data)
        if valid_ser.is_valid():
            post_data = received_json_data["data"]
            filter = Filter.objects.create(data=post_data, user=login_user)
            filter.save()

            return JsonResponse({'code':'200','data': filter.id}, status=200)
        else:
            return JsonResponse({'code':'400','errors':valid_ser.errors}, status=400)

我的序列化器：

class FilterSerializer(serializers.ModelSerializer):
    user = serializers.IntegerField(required=False, source="user.id")

    def validate_data(self, data):
        if type(data) is not dict:
            raise serializers.ValidationError("invalid JSON object")

    class Meta:
        model = Filter
        fields = ('__all__')
        extra_kwargs = {'data': {'required': True}}

还有我在HTML中的ajax请求：

$('#save').click( function(event) {
                event.preventDefault();
                var type = $('#type').val();
                var price_min = $('#price_min').val();
                var price_max = $('#price_max').val();
                var size_min = $('#size_min').val();
                var size_max = $('#size_max').val();
                var city = $('#city').val();
                var district = $('#district').val();
                var ward = $('#ward').val();
                var street = $('#street').val();
                var frontend_min = $('#front_end_min').val();
                var frontend_max = $('#front_end_max').val();
                var road = $('#road').val();
                var floor = $('#floor').val();
                var bedroom = $('#bedroom').val();
                var living_room = $('#living_room').val();
                var toilet = $('#toilet').val();
                var direction = $('#direction').val();
                var balcony = $('#balcony').val();
                var filter_data = {
                    'type': type,
                    'price_min': price_min,
                    'price_max': price_max,
                    'size_min': size_min,
                    'size_max': size_max,
                    'city': city,
                    'district': district,
                    'ward': ward,
                    'street': street,
                    'frontend_min': frontend_min,
                    'frontend_max': frontend_max,
                    'road': road,
                    'floor': floor,
                    'bedroom': bedroom,
                    'living_room': living_room,
                    'toilet': toilet,
                    'direction': direction,
                    'balcony': balcony,
                }
                // console.log(filter_data);
                $.ajax({
                    type: "POST",
                    url: "/api/filters/",
                    beforeSend: function (xhr) {    
                        xhr.setRequestHeader('X-CSRFToken', '{{csrf_token}}');
                    },
                    data: JSON.stringify({"data": filter_data}),
                    success: function (data) {
                        if (data.code == 200) {
                            alert("added filter");
                        }
                    }
                });
                return false;
            });

当我使用Ajax打电话时，它在django服务器上返回以下错误：

raise RawPostDataException("You cannot access body after reading from request's data stream")
web_1       | django.http.request.RawPostDataException: You cannot access body after reading from request's data stream

我尝试过，并且它在我的POSTMAN上起作用，我不知道为什么它在ajax调用中不起作用

我了解到此错误，并使用request.data而不是request.body提出了很多建议，但是当我在视图中使用它时，在Ajax调用它会返回：

TypeError：JSON对象必须是str，bytes或bytearray，而不是 'QueryDict'

并在POSTMAN上返回错误：

“详细信息”：“请求中不支持的媒体类型\“ text / plain \”。“

我有点想知道如何在POSTMAN和Ajax调用上都可以做到这一点，任何帮助都很好

Answer 1

我通过将request.body更改为request.data来修复它，还更改了我的ajax代码

received_json_data = request.data

和ajax代码：

$.ajax({
        type: "POST",
        url: "/api/filters/",
        beforeSend: function (xhr) {    
        xhr.setRequestHeader('X-CSRFToken', '{{csrf_token}}');
         },
        contentType: "application/json",
        dataType: 'json',
        data: JSON.stringify({"data": filter_data}),
        success: function (data) {
        if (data.code == 200) {
             alert("added filter");
            }
         }
      });

对DRF api的Ajax调用“从请求的数据流读取后无法访问正文”

1 个答案: