删除字符后如何使用jQuery删除搜索结果?

时间:2019-04-30 11:19:39

标签: javascript jquery ajax

因此,我是一位零知识jQueryJavaScript的后端开发人员,因此设法找到了一段代码来创建类似Ajax搜索的功能。我将其与Django模型捆绑在一起,并且可以正常工作。但是,删除输入栏中的字符后,仍会显示结果。

我想看看何时输入为空,结果也消失了。我使用这段代码:

<script type="text/javascript">
    $( document ).ready( function() {
        $( '#q' ).keyup( function() {
            q = $( '#q' ).val();
            $( '#results' ).html( '&nbsp;' ).load( '{% url 'search' %}?q=' + q );
        });
    });
</script>

1 个答案:

答案 0 :(得分:1)

尝试此代码。我还没有测试。

<script type="text/javascript">
    $( document ).ready( function() {
        $( '#q' ).keyup( function() {
            q = $( '#q' ).val();
            if(q.length > 0)
               $( '#results' ).html( '&nbsp;' ).load( '{% url 'search' %}?q=' + q );
            else
               $( '#results' ).html( '&nbsp;' )
        });
    });
</script>