多表单一个ajax函数
Multiple Forms one ajax function
我有多个从数据库数组生成的表单(label:product_Name,label:sku_number,Input:qty_to_order&button: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
标记,则不需要创建它。但是,您可以将每个产品放在一个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
的更多信息
相关文章:
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- 一个ajax循环有两个输出错误innerHTML
- 另一个Ajax函数触发的Ajax函数不起作用
- 如何在调用下一个请求之前完成第一个Ajax Get请求
- 为主题选项(部分)创建一个ajax处理的保存操作
- 如何在下一次 AJAX 调用中访问从一个 AJAX 调用返回的变量
- 使用 jquery.when 和 done 将值从一个 ajax 调用传递到另一个
- 嵌套另一个 Ajax 请求时,Ajax 响应处理中断
- 一个Ajax函数能产生另一个Ajax功能吗
- Ajax获取数据以获取另一个Ajax数据
- 我可以在React和Redux中发送一个AJAX调用,而不需要操作创建者和还原器吗
- 我正在尝试实现一个AJAX调用.我做错了什么
- 当一个ajax是SUCCESS时,下一个加载
- 每当表单输入字段发生更改时,都会发送一个ajax请求
- 在慢速网络上,上一个Ajax请求会被下一个取消
- 将ajax请求添加到上一个ajax请求所附加的元素中
- 在ajax html返回中调用ajax会阻止第一个ajax脚本进一步工作
- 从 for 循环内的 AJAX 链中的最后一个 AJAX 请求返回值
- 使用另一个 ajax 脚本更改页面内容后,AJAX 脚本不起作用
- 一个 ajax 处理程序或多个处理程序