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

Question

[Кирилл Полонов]

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

$(".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);
    }
});
}

Comments

[AlexVWill]

А ты уверен, что PHP твой запрос верно отрабатывает? Руками GET запрос пробовал направлять? Да и потом, чисто для инфо, почему GET? Освой POST - одни плюсы.

[maksam07]

У меня больше вопрос, а зачем вообще передавать данные price/title, если это должно браться из хранилища?

[Dmitry Bay]

AlexVWill, а в чем плюсы post? )

Answer 1

[Rsa97]

Может дело в том, что надо перебирать forEach-ом?

Нет. Надо изучить, что такое this в событиях jQuery.

Comments

[Кирилл Полонов]

Я пробовал, не помогает

[FeST1VaL]

Кирилл Полонов, надо еще пару раз попробовать)

Answer 2

[Геннадий]

Rsa97 вам правильно сказал, что нужно делать через this

Я пробовал, не помогает

Покажите как вы пробовали... Не лишним будет увидеть вашу html часть.
Предполагаю, что элементы add_card, price, count, title находятся у вас на одном уровне вложенности. Тогда, чтобы к ним обратиться, нужно использовать такой код:

$(this).siblings(".price").val();

А в идеале для товаров нужно завести id и передавать его на бэк, а не непосредственно свойства товара. Уже в php по id товара вы кладете его в корзину.

Может дело в том, что надо перебирать forEach-ом?

Во-первых это неэффективный подход, во-вторых он вам здесь не поможет.

Comments

[Adamos]

Вот зачем вы учите не передавать цену с фронта на бэк?
Лучше бы спросили, где такой магазин ;)

Answer 3

[Женя Ренессанс]

Мне кажется, что тут проблема с HTML
Если у тебя на странице:

<class=price>1</>
<class=price>2</>
<class=price>3</>

То при
$(".price").val()
Будет подставляться первая строка
Проверяй же через console.log какой именно товар пытается запросить