@legacy_js

Поиск как на тостере, как?

Приветствую, сделал поиск как на тостере
function event_search(event) {
        let search_value = event.target.value;

        setTimeout(() => {
            axios.post(document.location.pathname, { search_value }, { headers })
                .then(function (res) {
                    console.log(res)
                    document.querySelector('#search').innerHTML = res.data
                })
                .catch(e => {
                    console.log(e)
                })
        },200)
    }
    btn_search.addEventListener('input', event_search, false);

но не могу понять как добиться что бы при быстром вводе текста не отправлялся запрос на каждую клавишу. В нетворке у тостера отправляется только один запрос, с текстом, а у меня на каждое нажатие клавиши. Пробовал разные события, помогите пожалуйста
  • Вопрос задан
  • 350 просмотров
Решения вопроса 3
delphinpro
@delphinpro
frontend developer
let tm;

function event_search(event) {
    let search_value = event.target.value;

    clearTimeout(tm);
    tm = setTimeout(() => {
        axios.post(document.location.pathname, { search_value }, { headers })
            .then(function (res) {
                console.log(res)
                document.querySelector('#search').innerHTML = res.data
            })
            .catch(e => {
                console.log(e)
            })
    },200)
}
Ответ написан
@bqio
https://github.com/bqio
let inputListener;
let ms = 1500;
input.addEventListener('keyup', () => {
 clearTimeout(inputListener);
 inputListener = setTimeout(() => {
   // ajax
 }, ms);
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
19 сент. 2020, в 12:04
1000 руб./в час
19 сент. 2020, в 11:26
17500 руб./за проект
19 сент. 2020, в 10:21
10000 руб./за проект