1

Допустим, есть товар, при нажатии пользователем кнопки Добавить в корзину, на сервер отправляется ajax запрос, что этот товар добавляется, либо, что этот товар поменял количество, тогда в запросе будет ещё и количество.

Вопрос в чём, пользователь 100 раз нажал на кнопку добавления товара, но сервер отработал только, скажем, 64 запроса. Визуально, у нас в корзине 100 товаров, фактически 64 товара, после перезагрузки будет видно фактическое количество.

Можно ли как-то отследить интервал между нажатиями и если пользователь перестал нажимать на кнопку в течении 2-х секунд, то отправить последний запрос, обрезав остальные?

UPD: Прошу не предлагать использовать другой способ добавления, обработки запроса и т.д. Спасибо.

3
  • обновляйте количество товаров в корзине после успешного получения ответа от сервера а не в момент отправки запроса
    – torokhkun
    28 авг 2018 в 11:03
  • @torokhkun вопрос был не про то как обрабатывать запрос.
    – DrummerIF
    28 авг 2018 в 11:06
  • 1
    Кажется, тут идеально подходит debounce. Он как раз, ждёт указанный таймаут и если больше вызовов не было - вызывает последнее обращение. Например, реализацию debounce можно посмотреть в lodash 28 авг 2018 в 13:05

2 ответа 2

2

var timer = null;
$(".button").click(function() {
  clearTimeout(timer);
  timer = setTimeout(function() {
    console.log("2 seconds of no clicking");
    timer = null;
  }, 2000);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="button">Click</button>

1
  • Спасибо. То, что надо!
    – DrummerIF
    28 авг 2018 в 13:51
2

Чуть опоздал с ответом, но не удалять же написанное.

let lastfn,
timer
$('button').click(()=>{
  lastfn=()=>{
    //здесь можете разместить ваш аякс запрос
    alert('FINALLY YOU STOP IT! >_<')
  }
  timer&&clearTimeout(timer)
  timer=setTimeout(lastfn,2000)
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>PRESS ME ^_^</button>

2
  • Что-то впервые вижу такой синтаксис как $('button').click(()=>{ Можете объяснить?
    – DrummerIF
    28 авг 2018 в 13:52
  • @DrummerIF learn.javascript.ru/… - "запись через стрелочку"
    – user176262
    28 авг 2018 в 13:54

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.