显示 django ajax 搜索的搜索结果答案

【问题标题】：Display Search results of django ajax search显示 django ajax 搜索的搜索结果
【发布时间】：2016-06-26 14:08:30
【问题描述】：

我一直在关注 django-ajax 搜索的教程。我无法在模板中显示结果，尽管它们在终端中“打印”得很好。我如何在 html 页面上获得这些结果？这是我的观点.py：

def search_titles(request):
    if request.method == 'POST':
        search_text = request.POST['search_text']
        print search_text
        search = UploadFile.objects.filter(event_name__icontains=search_text)
        for i in search:
            print(i.event_name)

        context={
        'search':search,
        }

        return render(request,'ajax_search.html',context)

HTML 模板：

<!DOCTYPE html>
<html>
<head>
    <title>Search</title>

    <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
    <script type="text/javascript" src="/static/assets/js/ajax.js"></script>
</head>
<body>
<h3>Search</h3>
                {% csrf_token %}
                <input type ='text' id="search" name="search"/>
                <ul id="search-results">

                </ul>



</body>
</html>

ajax.js：

$(function(){

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

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

ajax_search.html：

{% if search.count>0 %}

{% for i in search %}

<li><a href="events/{{i.event_name}}">{{i.event_name}}</a></li>
{% endfor %}

{% else %}
<li>Nothing Found :(</li>

{% endif %}

urls.py:

......
url(r'^events', event_list),#renders search.html
url(r'^search',search_titles),#renders ajax_search.html
......

Django Ajax search will not work 线程似乎有类似的问题..但遵循此甚至不会在终端中给出搜索结果。

【问题讨论】：

标签： jquery ajax django

【解决方案1】：

您应该使用 HttpResponse 来返回对 ajax 请求的响应。如果您使用的是 Django 1.7+，请使用 JsonResponse

from django.template.loader import render_to_string
from django.http import HttpResponse

def search_titles(request):
    context ={}
    if request.method == 'POST':
        search_text = request.POST['search_text']
        search = UploadFile.objects.filter(
                     event_name__icontains=search_text)   
        context={
        'search':search,
        }
        html = render_to_string('search_results.html',context)

        return HttpResponse(html, content_type="application/json")    
    return render(request,'ajax_search.html',context)

创建一个新的 html

search_results.html：

{% for i in search %}<li>{{i.event_name}}</li>{% endfor %}

【讨论】：

能否请您解释一下如何更新 seachSuccess 函数...这一直是我的问题...我不太了解 ajax
我更新了代码。所以 searchSuccess 不需要改变