[英]Multiple Forms one ajax function
我有一个从数据库数组生成的多种表单(标签: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>";
}
如果要使用ajax提交form
标签,则无需创建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<>');
});
});
});
这是有关如何使用$.post
的更多信息
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.