Как сохранять изменения количества товара в корзине?

Question

[user-agent]

У меня есть список товаров в корзине. При нажатии на увеличение количества товаров я изменяю в html текст в блоке с ценой товара * на кол-во товара и меняю текст блока Total price.

После я отправляю на get запрос на изменение количества товара.

$.get('/count_order/', {pk:pk, count:count}).done(function (data) {
       ...
});

Проблема в том, что я нажимаю,например, 10 раз на кнопку увеличения количества товара и перезагружаю. После вижу, что вместо 11 товаров у меня всего 7. То есть один запрос срабатывает быстрее . Прости за простой вопрос, я новичок, но в интернете ничего не нашёл. Все отправляют ajax и кто-то делает setTimeout между запросами.
Как лучше реализовать динамическое изменение товаров на сайте?

Comments

[edward_freedom]

ты как то обрабатываешь, что бекенд возвращает?

[user-agent]

edward_freedom, нет, но сейчас я возвращаю статус исполнения: OK или NO и тотал цену, но я не думаю, что это мне нужно.

[Владимир Кудря]

user-agent, повесь прелоадер пока не прийдет ответ от сервера

Answer 1

[Antonio Solo]

перед отправкой запроса заблокируй кнопку и разблокируй ее после получения ответа.
либо построй локальную очередь клади в нее нажатия но вытаскивай и отправляй их строго по очереди, во втором варианте можно группировать