Как удалить лишние блоки?

Question

Получаю ответ от гит апи по вводу в инпут текста. Но иногда, если подряд ввести 2 символа(отправляется 2 запроса) вылазит баг - не удаляются блоки которые я стираю через remove. Подскажите в чем проблема.

let url = 'https://api.github.com/search/repositories?',
    result = $('#result-view')
    page = 1,
    pagination = $('#list-pagination li');

$(document).ready(function(){
    getTopGit();
});

$(document).on('keyup', '#text-search', function(){
    $('#list-pagination li').remove();
    $('.result-view tr').not('.table-header').remove();
    let req = $('#text-search').val().trim();
    if(req){
        getSearchGit(req);
    }else{
        getTopGit();
    }
});

function getTopGit(){
    $.ajax({
        url: url + 'q=stars:>=5000&sort=stars&order=desc?page=1&per_page=10',
        type: 'GET',
        error: function(error){
            console.log(error);
        },
        success: function(data){
            data.items.forEach(function(item){
                result.append('<tr><td>' + item.name + '</td><td>' + item.stargazers_count + '</td><td>' + item.updated_at + '</td><td>' + '<a href="' + item.html_url + '">Открыть</a>' + '</td></tr>');
            })
        }
    })
}

function getSearchGit(req){
    $.ajax({
        url: url + 'q=' + req + '&sort=stars&order=desc?page=' + page + '&per_page=10',
        type: 'GET',
        error: function(error){
            console.log(error);
        },
        success: function(data){
            let count = Math.ceil(data.total_count / 10);
            for(var i = 0; i <= 10; i++){
                $('#list-pagination').append('<li><a href="?page=' + i + '">' + i + '</a></li>');
            }
            data.items.forEach(function(item){
                result.append('<tr><td>' + item.name + '</td><td>' + item.stargazers_count + '</td><td>' + item.updated_at + '</td><td>' + '<a href="' + item.html_url + '">Открыть</a>' + '</td></tr>');
            })
        }
    })
}

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Git</title>
        <link rel="stylesheet" type="text/css" href="style/style.css">
        <script
          src="https://code.jquery.com/jquery-3.5.1.min.js"
          integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
          crossorigin="anonymous"></script>
    </head>
    <body>
        <header class="page-header">
            <form class="search-form">
                <input type="search" name="search-git" class="text-search" id="text-search">
            </form>
        </header>
        <main>
            <section class="list">
                <h1 class="title-list">Список репозиториев</h1>
                <table class="result-view" id="result-view">
                    <tr class="table-header">
                        <th>Название репозитория</th>
                        <th>Звезды</th>
                        <th>Последний коммит</th>
                        <th>Ссылка</th>
                    </tr>
                </table>
            </section>
            <section class="pagination">
                <nav class="wrap-pagination">
                    <ul class="list-pagination" id="list-pagination">
                        <li><a href="?page=1">1</a></li>
                    </ul>
                </nav>
            </section>
        </main>
        <script type="text/javascript" src="script/script.js"></script>
    </body>
</html>

БЛОГ НА HUSL

Как удалить лишние блоки?

Ответы (0 шт):