如何在Django中通过jQueryAjax实时搜索模型？

我尝试了使用jquery和ajax进行实时搜索，甚至发布了一个关于这方面的问题，但在我看来，或者在我编写的ajax脚本中，似乎存在一些严重的问题。它可以正确搜索和加载内容

但是如果我退格，搜索表单中没有任何值，它仍然会显示我第一次输入的值列表。我认为我的代码中确实存在一个大问题

models.py：

class Status(models.Model):
    status = models.TextField()
    image = models.ImageField(upload_to=get_upload_file_name, blank=True)
    pub_date = models.DateTimeField(default=datetime.now)
    creator = models.ForeignKey(User, related_name="creator_set")
    likes = models.ManyToManyField(User, through="Like")

.html的代码段：

        <input type="text" id="search" name="search" />
        <ul id="search-results">
        </ul>

---

我已经在模板中加载了jquery.min.js脚本

我不得不在views.py中缩进else语句和return语句。并将

状态

放在第二个if语句中。然后它像我预期的那样工作了！如果有任何改进，请指导我。谢谢大家!

views.py：

def search_status(request):

    if request.method == "GET":
        search_text = request.GET['search_text']
        if search_text is not None and search_text != u"":
            search_text = request.GET['search_text']
    else:
        search_text = ''  # I even tried using 0

    statuss = Status.objects.filter(status__contains = search_text)

    return render(request, 'ajax_search.html', {'statuss':statuss})

def search_status(request):

    if request.method == "GET":
        search_text = request.GET['search_text']
        if search_text is not None and search_text != u"":
            search_text = request.GET['search_text']
            statuss = Status.objects.filter(status__contains = search_text)
        else:
            statuss = []

        return render(request, 'ajax_search.html', {'statuss':statuss})

这就是ajax脚本：

$(function() {

    $('#search').keyup(function() {

        $.ajax({
            type: "GET",
            url: "/status/search_status/",
            data: {
                'search_text' : $('#search').val(),
                'csrfmiddlewaretoken' : $("input[name=csrfmiddlewaretoken]").val()
            },
            success: searchSuccess,
            dataType: 'html'
        });
    });
});

function searchSuccess(data, textStatus, jqXHR)
{
    $('#search-results').html(data)
}

index.html的代码段：

    <input type="text" id="search" name="search" />
    <ul id="search-results">
    </ul>

包含的html：

{% if statuss > 0 %}
    <ul class="statuss">
        {% for status in statuss %}
            <li>
                <p>{{status}}</p>
            </li>
        {% endfor %}    
    </ul>
{% else %}
    <p>No status found.</p>
{% endif %}

{%if status>0%}

{状态为%s%的状态为%s}

{{status}}


{%endfor%}

{%else%}
没有找到状态

{%endif%}

1。请给我们看看风景。该模型与这里的情况无关。2.在浏览器中，检查javascript的控制台并确认javascript上没有错误。；-）@J.C.Leitão在控制台中，它没有显示任何错误。我已经编辑并添加了我使用的视图。请检查一下。你也想要js脚本吗？谢谢。好的，很好。你能试着把stattus放在if中，而在else中只放statuss=[]吗？我试着把statuss放在第二个if中，在else中我放statuss=[]，但即使现在它还是显示了输入的第一个字母。@J.C.Leitão我想这就是问题所在。假设我输入了

检查
。现在在控制台中，当我退格一次时，它会查询
chec
，再次退格时，它会查询
che
，依此类推。然后在最后一个退格时，它停止查询字母
c
。即使搜索表单中没有值，它也会查询输入的第一个单词，并返回与字母c匹配的任何内容。“ajax_search.html”的内容是什么？