Как добавить товар в корзину со страницы с множеством товаров?

Question

[arsenaljek]

Подскажите, делаю добавление товара в корзину. Для страницы товара, добавление сделал. А вот на странице категорий, где много товаров, а следственно и форм, выбранный товар не добавляется, точнее он добавляется, но всегда один и тот же
В корзину добавляю через ajax

$(".cart").submit(function(e){
                e.preventDefault();
                $.ajax({
                    type: "POST",
                    url: "/../ajax/addProductCart.php",
                    data: $(".cart").serialize(),
                    success: function(html){  
                        if (html == 1) {
		    				toastr.success('Товар добавлен в корзину');
                            $.ajax({
                                type: "POST",
                                url: "/../ajax/countProductCart.php",
                                success: function(html){  
                                    $(".countProductCart").html(html);  
                                }
                            });
                        } else {
		    				toastr.danger('Ошибка!');
                        }
                    }
                });
            });

Сама форма

<form class="cart" name="cart" method="POST" action="#">
												<div class="form-group">
													<div class="input-group">
														<input type="hidden" name="productId" id="productId" class="id" value="<?=$rowProduct['id']?>" />
                                                                <input type="hidden" class="form-control" name="productName" id="productName" value="<?=$rowProduct['name']?>">
                                                                <input type="hidden" class="form-control" name="productPrice" id="productPrice" value="<?=$rowProduct['price']?>">
                                                                <input type="hidden" class="form-control" name="userId" id="userId" value="<?=$user_id?>">
				                                        <input class="quantity form-control text-center" type="number" name="qty" id="qty" class="qty" value="1" />
														<span class="input-group-append">
											              	<button class="btn btn-success" type="submit">В корзину</button>
											            </span>
													</div>
												</div>
										    </form>

Answer 1

[Pashok Doom]

data: $(e.target).serialize(), // вместо data: $(".cart").serialize(),

Comments

[arsenaljek]

Не помогло(
Он всегда добавляет последний товар в корзину.

[Pashok Doom]

arsenaljek, у тебя форма добавления 1 или под каждый товар своя?

[arsenaljek]

Pashok Doom, Форма выводится в цикле. Код выше

[Pashok Doom]

arsenaljek, выложи тогда куда-нибудь для наглядности итоговый html списка товаров, хотя бы штуки 4

[arsenaljek]

Pashok Doom, Ну вот таких форм на странице от 1 и до "сколько захочется".
Разница в них только в id по сути

<form class="cart" name="cart" method="POST" action="#">
	<div class="form-group">
		<div class="input-group">
			<input type="hidden" name="productId" id="productId" class="id" value="530">
            <input type="hidden" class="form-control" name="productName" id="productName" value="КИПД66В-К">
            <input type="hidden" class="form-control" name="productPrice" id="productPrice" value="5">
            <input type="hidden" class="form-control" name="userId" id="userId" value="1">
			<input class="quantity form-control text-center" type="number" name="qty" id="qty" value="1">
			<span class="input-group-append">
				<button class="btn btn-success" type="submit">В корзину</button>
			</span>
		</div>
	</div>
</form>

Мне кажеться нужен какой-то уникальный идентификатор...но вроде есть же id с уникальный для каждого товара

<input type="hidden" name="productId" id="productId" class="id" value="530">

[Pashok Doom]

arsenaljek, https://jsfiddle.net/2y1Lug6q/ вот в консоли смотри какой id отправляет

[arsenaljek]

Pashok Doom, Спасибо, заработало!