0

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

4
  • No entiendo tu pregunta. Aquí $(".boton-estado").each(function(){ no se escucha ningún evento, simplemente busca los elementos con la clase boton-estado y lanza ese bloque de código ¿te refieres a eso? ¿qué debe ocurrir para que la petición Ajax se lance?
    – A. Cedano
    Commented el 31 jul. 2021 a las 22:24
  • $(".boton-estado").each(function(){} recorro los elementos con esa clase. Luego en cuada vuelta del each, hago la petición ajax. Commented el 31 jul. 2021 a las 22:31
  • Correcto, pero las peticiones Ajax son asíncronas, significa que no tienes control exacto del tiempo en que cada una de ellas responderá. Es más, si lanzas 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 ¿?
    – A. Cedano
    Commented el 31 jul. 2021 a las 22:33
  • Perfecto, si. Ahí pude corregir el error. Es como vos decís! Commented el 31 jul. 2021 a las 23:31

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.