Quiero realizar un ajax dentro de each que hago sobre elementos que tengo en html.
$(".boton-estado").each(function(){
elementoActual= $(this);
elementoId = elementoActual.attr("id")
$.ajax({
url: url,
type: 'GET',
success: function(response) {
const productos = JSON.parse(response);
productos.forEach(producto => {
console.log(elementoId)
});
}
});
});
el console.log(elementoId)
me imprime solo el último elementoId.
Cual es el problema? es como que el each(sobre los elementos) lo hace antes de hacer el ajax
$(".boton-estado").each(function(){
no se escucha ningún evento, simplemente busca los elementos con la claseboton-estado
y lanza ese bloque de código ¿te refieres a eso? ¿qué debe ocurrir para que la petición Ajax se lance?N
peticiones en un orden determinado, las respuestas pueden ser incluso dislocadas (por ejemplo, la petición 3 puede responder antes que la petición 1), todo depende de muchos factores. No sé si tienes claro lo que significa asíncrono ¿?