Buen día comunidad,
Estoy tratando de crear un pequeño ecommerce, para poder sumar productos sin que se recargue la pagina uso ajax para comunicar los archivos. El problema lo tengo que cunado se ejecuta el archivo ajax, toma todos los IDs iguales en el archivo, y no se como hacer para que el archivo ajax tome un ID especifico sin tener que hacer un archivo ajax por cada producto y su ID.
A continuación parte del codigo de la pagina PHP, son de dos productos diferentes, necesito que se pase el value, para que de esa manera otro archivo busque en la base de datos el producto especifico y lo muestre.
Producto 1:
<form align="left" id="producto" method="POST" onsubmit="return enviarDatos();" action="script/ajax.js">
<input type="hidden" name="ParaCarrito" id="ParaCarrito" value="1"></input>
<input type="submit" class="btn-primary" name="btnEnviar" value="Agregar al carrito"></input>
</form>
Producto 2:
<form align="left" id="producto" method="POST" onsubmit="return enviarDatos();" action="script/ajax.js">
<input type="hidden" name="ParaCarrito" id="ParaCarrito" value="2"></input>
<input type="submit" class="btn-primary" name="btnEnviar" value="Agregar al carrito"></input>
</form>
Archivo ajax que toma los pedidos:
function enviarDatos(){
$(document).on("ready", function(){
enviarDatos();
});
$("#producto").on("submit", function(e)
{
e.preventDefault();
var producto = $(this).serialize();
$.ajax({
"method":"POST",
"url":"script/carrito.php",
"data":producto
}).done( function (info){
$("#mensaje").html(info);
});
});
return false;
}
El problema esta cuando clieckeo en alguno de esos botones, toma el primer id de archivo y no el del botón que ejecute, por otro lado no se como hacer para pasar por ejemplo el IDProducto1 o IDProducto2 sin tener que hacer dos archivos ajax uno por cada ID, estoy desesperado ya no se ocmo hacer aguardo su ayuda graciassss
ID
deben ser unicos por elementos, pues ese es su proposito, ya que en caso de que quieras tener un mismo identificador para varios elementos no deberias usar unID
si no clases, por lo tanto lo que estas haciendo es confundir al programa al tener dos elementos con el mismo ID, posiblemente por eso te este agarrando los dos elementos.jQuery
($("#producto")
), es erronea para lo que deseas hacer, pues recuerda que la almohadilla es el selector para losID
, por consiguiente solo te va a seleccionar el primer elemento que encuentre que coincida con el id, en su lugar debes usar el selector de clase (.
).