Estoy tratando de ejecutar una solicitud ajax en cada elemento de una matriz. Básicamente, una solicitud de publicación a un servidor php.
Pero, ¿cuál es la forma adecuada de esperar a que se complete este resultado? ¿Qué está mal con el código que escribí a continuación? Necesito el console.log("step2")
para imprimir solo después de que se completen todas las solicitudes de ajax.
var results = await Promise.all( some_array.map(function(val, key){ return( jQuery.ajax({ type: 'POST', url: '<some/link/to/php/server>', dataType: 'json', data: val.id, xhrFields: {withCredentials: true}, async: true }).done(function(response){ run_this_code }) ) }) ) console.log("step2");
¡Gracias!
No sé cómo funciona el ajax
de jQuery, pero puedes probar esto:
var results = await Promise.all( some_array.map(function(val, key){ return jQuery.ajax({ type: 'POST', url: '<some/link/to/php/server>', dataType: 'json', data: val.id, xhrFields: {withCredentials: true}, async: true }) }) ) console.log("step2");
También usaría fetch
o axios
ya que son más modernos. Con fetch
se vería algo como esto
const results = await Promise.all( some_array.map((val, key) => fetch('<some/link/to/php/server>', { method: 'POST', credentials: 'include', body: JSON.stringify(val.id) }).then(res => res.json())) )
Usé la sintaxis moderna de JavaScript, pero también puedes usar la antigua