El problema es el siguiente, tengo una matriz, realizo un for que atraviesa esta matriz y para cada elemento dentro de la matriz realiza una solicitud AJAX, y aunque puse la propiedad async: false , aparentemente sigue siendo una solicitud asíncrona , lo que hace que la variable i dentro de for recorre todo y solo realiza la solicitud en el último elemento de la matriz.
for(let i = 0; i < array.length; i++){ let elemnt = array[i] console.log(i) $.ajax({ async: false, url: 'https://xxx.xxxxxxxxxx.xxx.xx/'+elemnt, type: 'GET', success: (data)=>{ //does something with array element... } }) } poniendo el console.log(i) fue entonces a la salida:
0 *Perform AJAX request with array[0]* 1 *Perform AJAX request with array[1]* 2 *Perform AJAX request with array[2]*sin embargo queda:
0 1 2 *Perform AJAX request with array[2]* Creo que todo esto se debe a la realización asincrónica de Ajax, pero ya puse async: false , no sé qué más podría ser.
Gracias de antemano por cualquiera que pueda ayudar.
En lugar de recorrer la matriz y ejecutar ajax en el ciclo, cree una función que SOLO continúe cuando ajax tenga éxito.
En el siguiente ejemplo, cur es la posición en la matriz de donde tomar el valor. Para la llamada ajax, la acorté solo para mi respuesta, obviamente, necesitará usar su ajax completo.
let cur = 0; function runAjax() { $.ajax({ ...... success: (data) => { if (cur == array.length) { console.log("Done!"); } else { cur++; runAjax(); } } }); }