javascript — множественные формы одной функции ajax

Question

javascript — множественные формы одной функции ajax

У меня есть несколько форм, сгенерированных из массива базы данных (метка: product_Name, метка: sku_number, входные данные: qty_to_order & кнопка: добавить). Все они имеют один и тот же класс, и у меня возникла проблема с получением данных, введенных в каждую форму (sku_number, qty_to_add, в основном как карта электронной коммерции). Как я могу обработать один @ раз, используя функцию ajax? заранее спасибо

Вот как я генерирую формы

foreach($_SESSION['product_output'] as $row){
echo "<form class='thisclass'>";
echo "<input name='sku_number' type='hidden' Value='" . $row['sku_number'] . "'>";
echo "<input name='qty_to_order' type='text' Value=''>";
echo "<input name='add' type='button' Value='add' Onclick=''>";
echo "</form>";
}

1

ajax javascript jquery php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Живая демо

Вам не нужно создавать form отметьте, если вы хотите отправить это с помощью ajax. Однако вы можете поместить каждый продукт в тег div, чтобы разделить их. И вот как вы можете написать AJAX для него.

$(document).ready(function(){
$('input[name=add]').click(function(){
$.post( "ajax/update_cart.php", {
product_id: $(this).parent().find('input[name=sku_number]').val(),
qty: $(this).parent().find('input[name=qty_to_order]').val()
}, function( data ) {
// AFTER SUCCESS YOU CAN UPDATE DOM
// ex: $(this).parent().append('<p>Item added successfully<>');
});
});
});

Вот’Более подробную информацию о том, как использовать $.post

0