Как привязать счетчик на карточке товара к кнопке добавления в корзину?

Question

[LidiyaK]

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

Answer 1

[Алексей Уколов]

Кнопка добавления в корзину и инпут количества обёрнуты в форму, которая просто сабмитится на бэкенд стандартными средствами или через ajax, но и для него данные легко получить из формы через new FormData(form). Инпут количества стилизуется через CSS и обвешивается дополнительным javascript, чтобы он выглядел и работал так, как нарисовано, но при этом это всё равно обычный <input type="text"/> или <input type="number" min="1"/>.

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