Ajax возвращает одни и те же запросы с php, как исправить?

Question

Пишу интернет-магазин. Написал ajax запрос всё работает, но только для первого товара (это не связано с id, я делал через классы) и при нажатии кнопки второго товара возвращает информацию по первому. Подскажите, в чём может быть дело?

$(".add_card").on("click", function() {
let price = $(".price").val();
let count = $(".count").val();
let title = $(".title").val();

$.ajax({
    url: '/index.php', 
    method: 'get',
    cache: false,
    dataType: 'html',
    data: {price: price, count: count, title: title},
    success: function(data){
         alert(data);
    }
});
}

<form class="form-submit">
  <div class="category__product">
    <a href="#">
      <img src="assets/img/noimg.jpg" alt="image">
    </a>
    <div class="product__main">
      <h3 class="product__heading">
        <?= $row['name']; ?>
      </h3>
      <p class="product__price">
        <?= $row['price']; ?>₽</p>
    </div>
    <input type="hidden" name="product_name" class="product__name" value="<?= $row['name'] ?>">
    <input type="hidden" name="product_id" class="product__id" value="<?= $row['id'] ?>">
    <input type="hidden" name="product_price" class="product__price" value="<?= $row['price'] ?>">
    <input type="number" id="amount" min="1" class="product__count" value="1" name="product_count">
    <div class="product__group-btn">
      <button id="product_add" type="button" name="product__add" class="product__add btn_primary">Добавить в корзину</button>
      <button class="btn_alt">Убрать</button>
    </div>
  </div>
</form>

БЛОГ НА HUSL

Ajax возвращает одни и те же запросы с php, как исправить?

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