javascript - 多种表单一个ajax函数

Question

我从数据库数组生成了多个表单(标签:product_Name、标签:sku_number、输入:qty_to_order 和按钮:add)。它们都有相同的类，我在检索每个表单中输入的数据时遇到问题(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>";
}

Answer 1

<强> Live demo

如果您想使用 ajax 提交表单，则无需创建 form 标记。但是，您可以将每个产品放在 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<>');
        });
    });
});

Here'有关如何使用 $.post

的更多信息