Django Ajax 搜索无法工作

Question

我在看这个教程：

https://www.youtube.com/watch?v=jKSNciGr8kY

我现在完全卡住了，我逐行检查了我的代码，但还是找不到问题出在哪里。每次我搜索文档时，总是显示“没有可用文档！！”，而不是我想要的文档。

这是它的视图：

 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>

Answer 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);
            }
        });

    });

});

补充说明：你在问题中提到要过滤“approved”，但我在你的模型中没有看到这个字段。我已经在下面的视图中去掉了“approved”的过滤，以符合你的模型。我简化了你的视图，代码行数不需要那么多。

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请求和非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 %}