Tengo una función que lee valores (nombres de host) de un txtarea lina a linea, luego mediante un for y un ajax consulto un dato adicional y lo paso a otro txtarea. El problema es que yo necesito que lo actualice linea a linea pero siempre lo hace al final, es decir todos los datos juntos, me gustaría que a medida que la consulta ajax termina de cada host escriba el resultado en la txtarea de salida. Esta es mi función:
function searchenv() {
hostenv = '';
var lines = document.getElementById("txtinput").value.split("\n");
for(var i = 0;i < lines.length;i++){
host=lines[i];
$.ajax({
url: '../data/searchenv.php',
data: {hostname : host},
dataType: 'json',
async: false,
success:function(data){
if (data.length) {
hostenv = hostenv+host+" - "+data[0].MULTIENVIRONMENT+"\n";
} else {
hostenv = hostenv+host+" - SIN DATOS"+"\n";
}
}
});
document.getElementById("txtoutput").value=hostenv;
}
}
¿Alguien puede ayudarme? Gracias!
fetch/then, async/await or promise
que esperan a que termine la ejecucion de una linea de codigo para continuar con la siguiente y viendolo asi a lo rapido rapido estas escribiendo cada resultado en el mismo idtxtoutput