Question

我一直在关注django-ajax搜索的教程。我无法在模板中显示结果，尽管它们在终端中“打印”得很好。如何在html页面上获得这些结果？< /强> 这是我的views.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线程似乎有类似的问题..但是在此之后甚至没有在终端中提供搜索结果。

Answer 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 %}

显示搜索结果django ajax search

1 个答案: