如何序列化Django FilterSet并返回给Angular前端？

你当前的核心错误是直接将MaterialFilter实例传入序列化器，但MaterialFilter是负责过滤逻辑的工具类，并非可迭代的查询集。要序列化返回给前端的，应该是FilterSet处理后的过滤查询集，也就是它的qs属性。

修改后的views.py代码 #

@api_view(['GET'])
def materialien_search(request):
    filter_set = MaterialFilter(request.GET, queryset=Materialien.objects.all())
    # 传入过滤后的查询集filter_set.qs，而非FilterSet实例本身
    materialien_serializer = MaterialienSerializer(filter_set.qs, many=True)
    return JsonResponse(materialien_serializer.data, safe=False)

关键说明 #

• filter_set.qs是FilterSet处理请求参数后返回的Materialien实例集合，属于可迭代对象，完全符合ModelSerializer的序列化要求。
• 你之前尝试的json.dumps、直接序列化FilterSet对象等方法无效，因为FilterSet本身不存储要返回的数据，只是执行过滤逻辑的容器。

可选：返回过滤字段配置（供前端参考） #

如果前端需要知道哪些字段支持过滤，可以额外构造字段信息并和结果一起返回：

@api_view(['GET'])
def materialien_search(request):
    filter_set = MaterialFilter(request.GET, queryset=Materialien.objects.all())
    results_serializer = MaterialienSerializer(filter_set.qs, many=True)
    # 获取所有支持的过滤字段名
    available_filters = list(filter_set.filters.keys())
    
    return JsonResponse({
        'results': results_serializer.data,
        'available_filters': available_filters
    }, safe=False)

内容的提问来源于stack exchange，提问作者Michaela