Как удалить результаты поиска с помощью jQuery после удаления символов?

Question

Так что я бэкэнд-разработчик с нулевым jQuery или JavaScript знанием, мне удалось найти кусок кода для создания функции поиска, подобной Ajax. Я связал его с моей Django моделью, и она работает. Однако после удаления символов в строке ввода результаты все равно отображаются.

Хотелось бы увидеть, когда входных данных нет, результаты тоже уходят. Я использую этот кусок кода:

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

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