jquery – 如何在返回的AJAX调用上使用django模板标记？

我有一个简单的AJAX脚本,它在名为AJAXBox的搜索域中获取输入的字符串,并调用一个视图函数,该函数使用过滤器查询数据库,并返回与输入的参数匹配的所有User对象的查询集.当我使用django模板标签迭代查询集时,它不起作用.我假设这是因为我的Javascript调用的输出实际上并不输出查询集,而是django模板无法识别的某种类型的字符串.我如何解决这个问题,以便我的AJAX调用返回django输出中的正常渲染函数的真正的django兼容查询集？

AJAX的JS：

$(document).ready(function(){

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

    var searchedterm;
    searchedterm = $(this).val();
    $.get('/AJAXsearch/', {searchterm: searchedterm}, function(data){
        $('#result').html(data);

      });       

    });  
});

python代码的tl; dr基本上是：

def AJAXsearch(request):
    searchterm = request.GET['searchterm']
    result = UserObj.objects.filter(person_name=searchterm)
    return HttpResponse(result)

当我在模板中使用我的html并执行以下操作时：

<div id="result">
    {% for person in result %}
        {{person.property}}
    {%endfor%}
</div>

模板标记循环不执行任何操作.事实上,我根本无法操纵/设计输出,它只是一个普通的用户名字符串.

解决方法:

您没有在视图中调用模板.

试试这个：

def AJAXsearch(request):
    searchterm = request.GET['searchterm']
    result = UserObj.objects.filter(person_name=searchterm)
    return render(request,"path/to/your/template.html", {"result":result})

根据评论,您将重复使用页面的主要代码以及用于生成< div>的代码.块.

在这种情况下,我建议将该块放入单独的文件中,例如“resultlist.html”和including that in your main template,所以：

resultlist.html：

<div id="result" >
{% for person in result %}
{{person.property}}
{%endfor%} </div>

然后在userprofile.html中：

{# Lots of code around the result list #}
{% include "resultlist.html" %}
{# Lots of code around the result list #}