Estimados tengo la siguiente consulta, ya que es la primera ves que me presento con este escenario. Tengo un formulario que se repite tantas veces como productos existan, obviamente los datos del formulario cambian dependiendo del producto, pero la estructura es la misma para todos. El cual está de la síguiente forma.
<form class="form-data">
<h4>Producto N°1</h4>
<img src="producto1.jpg"/>
<p>Descripción producto </p>
<input type="text" name="sku" value="10001"/>
<button type="button" class="btn_enviar">Enviar</button>
</form>
<form class="form-data">
<h4>Producto N°2</h4>
<img src="producto2.jpg"/>
<p>Descripción producto </p>
<input type="text" name="sku" value="10002"/>
<button type="button" class="btn_enviar">Enviar</button>
</form>
<form class="form-data">
<h4>Producto N°3</h4>
<img src="producto3.jpg"/>
<p>Descripción producto </p>
<input type="text" name="sku" value="10003"/>
<button type="button" class="btn_enviar">Enviar</button>
</form>
Los datos los estoy intentado enviar de la siguiente forma
<script>
$(document).ready(function(){
$(document).on('click', 'btn_enviar', function() {
Enviar();
} );
});
function Enviar(){
var action = 'fetch_data' ;
var sku = document.getElementsByClassName('sku').value;
$.ajax({
url:"procesar.php",
method: "POST",
dataType: "json",
data:{action:action, sku:sku},
success:function(data){
}
});
}
</script>
Ademas de este archivo tiene que tener un archivo que procese la petición ajax, est Lo que quiero es enviar por ajax el valor del input sku, pero dependiendo del botón en el que aga click, osea si corresponde el primer o segundo formulario, y así sucesivamente, para luego realizar algunas operaciones con php, se como usar ajax, pero no como poder enviar el dato que necesito, quedo atento a su ayuda. Gracias.
$('form [class=form-data]').serialize()
pero para no errar tanto en la sugerencia deseable coloques tu código.