Django Ajax搜索将无法正常工作

时间:2014-08-13 15:20:28

标签: python ajax django django-templates

我一直在关注本教程: https://www.youtube.com/watch?v=jKSNciGr8kY

我刚刚陷入困境,我逐行完成了我的代码,仍然无法弄清楚出了什么问题。每当我搜索文档时,它总是返回No Documents available !!而不是我正在搜索的文件。

继承人的观点:

 def search(request):

      if request.method == 'POST':    
           search_text = request.POST['search_text']

      else:
           search_text = ''

      if search_text:
           documents = Document.objects.filter(document_subject__contains=search_text,           approved=True)

      else:
           documents = False

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

这是我的ajax_search模板:

 {% if documents.count > 0 %}

 {% for document in documents %}
 <li><a href="/main/get/{{ document.id }}/">{{ document.document_subject }}</a></li>
 {% endfor %}

 {% else %}

 <li> None to show!!</li>

 {% endif %}

我的ajax文件:

$(function (){

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

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

    });

});

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

这是在我的base.html文件中:

 <script type="text/javascript" src="{{ STATIC_URL }} /static/jquery-2.1.1.min.js">   </script>
 <script type="text/javascript" src="{{ STATIC_URL }} /static/ajax.js"></script>

我的文档模型:

class Document(models.Model):

    docfile = models.FileField(upload_to='documents/%Y/%m/%d')
    document_subject = models.CharField(max_length=255)
    document_subject_number = models.PositiveIntegerField(max_length=999)

    def __unicode__(self):
      return self.document_subject

    def get_absolute_url(self):
      return "/main/get/%i/" %self.id

如果您有任何其他问题,请提前告知我们,我是python和django的新手,所以我很感激任何反馈。谢谢你的进步

搜索模板的一部分:

<ul>
  <li><a href='/documents/all'>Documents</a></li>
  <li><a href='documents/create'>Create Documents</a></li>
</ul>
<h3>Search</h3>
{% csrf_token %}
<input type ='text' id="search" name="search"/>
<ul id="search-results">

</ul>

1 个答案:

答案 0 :(得分:1)

您只获取数据,没有理由使用POST,只需使用GET。

$(function (){

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

        $.ajax({
            type: 'GET',
            url: '/main/search/',
            data: {search_text:$('#search').val()},
            success: function(newData) {
                $('#search-results').html(newData);
            }
        });

    });

});

编辑:您在问题中已批准过滤,但我在您的模型中看不到已批准的字段。我已经从bellow视图中删除了已批准的过滤以跟随您的模型 重构你的观点,不需要那么多行代码。

def search(request):

    documents = None

    """
    request.GET.get will always return the value of the key if set or None (you can alternatively specify a default return value).
    """
    search_text = request.GET.get('search_text')

    if search_text :
        """
        Use some try, catch we don't need the server to fail because of a search action...
        """
        try:
            documents = Document.objects.filter(document_subject__contains=search_text)
        except:
            pass

    return render(request, 'ajax_search_html',{'documents':documents})

在视图中,您可以添加:if request.is_ajax()来检查这是否是ajax请求,但由于您的视图感觉与ajax相同,我认为没有理由。

模板:

{% if documents %}
    {% for document in documents %}
        <li><a href="/main/get/{{ document.id }}/">{{ document.document_subject }}</a></li>
    {% endfor %}

 {% else %}
    <li> None to show!!</li>
 {% endif %}