0
我有一个表,并与阿贾克斯充满它
表数据表 - 阿贾克斯源数据
<table id="tabla_productos"> </table>
阿贾克斯源数据
var tabla_productos = $('#tabla_productos').DataTable({
"responsive" : "true",
"ajax": {
"url": "/funciones/getProductos.php",
"dataSrc": ""
},
"columns": [
{ "data": "id" },
{ "data": "add_cart" }
]
}});
AJAX DATA
{"id":"2",
"add_cart":"<form class=\"form-item\"><input type=\"hidden\" value=\"1\" name=\"product_qty\"><input type=\"hidden\" value=\"S10881\" name=\"product_code\"><button class=\"btn\" type=\"submit\">Add to Cart<\/button><\/form>" }
jQuery的形式提交:
$(".form-item").submit(function(e){
alert('ok');
e.preventDefault();
});
HTML输出:从阿贾克斯创建形式
<form class="form-item"><input type="hidden" name="product_qty" value="1"><input type="hidden" name="product_code" value="S10881"><button type="submit" class="btn">Add to Cart</button></form>
相同的形式创建依据HTML:
<form class="form-item"><input type="hidden" name="product_qty" value="1"><input type="hidden" name="product_code" value="S10881"><button type="submit" class="btn">Add to Cart</button></form>
- 当我提交表单从html创建它工作正常。
- 如果我提交从Ajax创建的表单不起作用。
如果我等待该表填满了数据,它的工作原理:
的setTimeout(函数(){ $()提交(函数(E){ 警报(“OK ”的形式项目。“ ');
e.preventDefault(); }); },10000);
什么是你的问题? – agold
为什么当我点击提交按钮时不提交表单?我想通过点击按钮来提交表单 –