Skip to main content
Commonmark migration
Origen Enlace

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 el then() 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>

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 el then() 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>

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 el then() 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>

Origen Enlace

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 el then() 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>