Las peticiones ajax tienen una comunicación asincrónica lo que quiere decir que cuando haces la petición no sabes exactamente el tiempo en dara una respuesta.
Por eso cuando haces la consulta y llenas el arreglo
el puede durar mas tiemplo que en el que javascript procesa la función siguiente y no encuentra datos dentro del arreglo
.
Ejemplo con el código fuera de la respuesta del ajax. (Da Error porque no encuentra datos dentro de la variable
arreglo
)
var arreglo;
var area = new Array();
var sigla = new Array();
function realizaProceso(){
$.ajax({
url:'https://jsonplaceholder.typicode.com/posts/1',
method: 'GET'
}).then(function(data) {
arreglo = data
});
}
realizaProceso()
var con=0;
while(con<=arreglo.length-1){
area[con]= arreglo[con];
alert("El area es: " + area[con]);
con++;
sigla[con]= arreglo[con];
alert("La sigla es: " +sigla[con]);
con++;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Ejemplo donde ponemos la function dentro del
success
o en este caso elthen()
que seria lo mismo solo que es una promise.
Nota: el ejemplo solo es para notar que no da error porque los datos dentro de la variable arreglo si son encontrados pero solo son de prueba y no contempla los mismos datos a procesar.
var arreglo;
var area = new Array();
var sigla = new Array();
function realizaProceso(){
$.ajax({
url:'https://jsonplaceholder.typicode.com/posts/1',
method: 'GET'
}).then(function(data) {
arreglo = data
var con=0;
while(con<=arreglo.length-1){
area[con]= arreglo[con];
alert("El area es: " + area[con]);
con++;
sigla[con]= arreglo[con];
alert("La sigla es: " +sigla[con]);
con++;
}
});
}
realizaProceso()
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>