当django使用ajax时，如何向前端传递查询集与filter返回值，并将结果在前端使用

在Django中使用Ajax获取查询集与filter返回值，可以使用Django提供的JsonResponse来实现。JsonResponse可以将Python对象转化为JSON格式，然后通过Ajax将JSON数据传递给前端并显示。

以下是一个简单的示例，假设我们有一个模型类叫做`Book`，它有一个字段`title`。

首先，我们需要编写一个视图函数来处理Ajax请求，并将查询集或filter返回值转化为JSON格式：

from django.http import JsonResponse
from .models import Book

def get_books(request):
    if request.is_ajax():
        query = request.GET.get('q')
        if query:
            books = Book.objects.filter(title__icontains=query)
        else:
            books = Book.objects.all()
        data = [{'title': book.title} for book in books]
        return JsonResponse({'data': data})

这个视图函数首先判断是否是Ajax请求，然后根据传递的参数`q`来判断是否需要进行filter操作。最后将查询集或filter返回值转化为JSON格式，返回给前端。

接下来，在前端页面中使用jQuery的Ajax方法来获取数据并显示：

$(document).ready(function() {
    $('#search-form').submit(function(event) {
        event.preventDefault();
        var query = $('#search-input').val();
        $.ajax({
            url: '/get_books/',
            data: {
                'q': query
            },
            dataType: 'json',
            success: function(data) {
                var books = data['data'];
                $('#book-list').empty();
                for (var i=0; i<books.length; i++) {
                    $('#book-list').append('<li>' + books[i]['title'] + '</li>');
                }
            }
        });
    });
});

这段代码监听了一个表单的提交事件，并获取输入框中的值。然后使用Ajax方法向`/get_books/`这个url发送请求，并将查询参数`q`传递给后端。最后在成功回调函数中将返回的JSON数据解析并显示在页面上。

注意，在页面中需要定义一个`<ul>`标签用来显示查询结果，如：

<form id="search-form">
    <input type="text" id="search-input" />
    <button type="submit">Search</button>
</form>
<ul id="book-list"></ul>

这样就完成了在Django中使用Ajax获取查询集与filter返回值，并将结果在前端显示的操作。