0

Tengo un problema, yo primero creo una array llamado "errores", si en mis solicitudes ajax se encuentran problemas entonces voy hacer un push en el array, pero nada ya depure el codigo y no llena el array osea no hace push, pero si agrego un alert en su lugar pues hay si lo llama, quiere decir que si entra en .fail, pero no se por que no funciona el push, alguien que me ayude por fa

const inicioClass = (function() {

  var errores = [];

  var obtenerSliders = function() {
    var request = $.ajax({
      url: "models/slider/obtenerSliders.php",
      method: "POST",
      dataType: "json"
    });

    request.done(function(response) {
      if (response.length > 0) {
        for (var i = 0; i < response.length; i++) {
          // prettier-ignore
          var template = "Slider"

          $("#div-sliders").append(template);
        }
      }
    });

    request.fail(function() {
    //aqui no hace el push, pero si entra en fail
      errores.push("Slider");
    });
  };

 
  var verificarPagina = function() {
    if(errores.length > 0){
      //mostrarMensajeAlerta();
    }
  };

  // Public Functions
  return {
    // public functions
    init: function() {
      obtenerSliders();
      verificarPagina();
    }
  };
})();


// Class Initialization
$(document).ready(function() {
  inicioClass.init();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

11
  • prueba inspeccionar la variable en el inspector y verifica si al darte un error esta se esta llenando
    – DavElsanto
    Commented el 8 ago. 2019 a las 14:55
  • Define var errores = []; dentro de esta var obtenerSliders = function() { y me cuentas , ya que probé tu array y le hice push y funciono. Commented el 8 ago. 2019 a las 14:55
  • Amigo, hola, ya hice de todo, inspeccione y si entra al .fail pero no hace push en el array, probe remplazando el array, poniendo un simple alert y si lo manda no se que pasa, no se si error de mi logica Commented el 8 ago. 2019 a las 14:57
  • Francisco voy a probar. Commented el 8 ago. 2019 a las 14:57
  • Esto esta dado a la naturaleza de las llamadas Ajax algo que me he dado cuenta y que no esta escrito es que con las funciones anonimas no podras extraer nada de la llamada, ahora bien, usa las funciones de flecha request.fail( ()=> { //aqui no hace el push, pero si entra en fail errores.push("Slider"); }); Commented el 8 ago. 2019 a las 14:58

1 respuesta 1

2

Revisa este snippet, no hice nada, solo agrega consoles para validar como se comportaba tu código y funciona , solo tiene agregada la referencia Jquery, Si revisas el metodo verificarPagina se esta ejecutando primero que el que inserta los errores en el array

const inicioClass = (function() {
console.log('incial el metodo inicioClass');

  var errores = [];
console.log('array errores' + errores);
  var obtenerSliders = function() {
    var request = $.ajax({
      url: "models/slider/obtenerSliders.php",
      method: "POST",
      dataType: "json"
    });

    request.done(function(response) {
      if (response.length > 0) {
        for (var i = 0; i < response.length; i++) {
          // prettier-ignore
          var template = "Slider"

          $("#div-sliders").append(template);
        }
      }
    });

    request.fail(function() {
    //aqui no hace el push, pero si entra en fail
      errores.push("Slider 1");
      errores.push("Slider 2");
      console.log('Array push - ' + errores)
    });
  };

 
  var verificarPagina = function() {
   
      //mostrarMensajeAlerta();
       console.log('Array verifica - ' + errores)
    
  };

  // Public Functions
  return {
    // public functions
    init: function() {
      obtenerSliders();
      verificarPagina();
    }
  };
})();


// Class Initialization
$(document).ready(function() {
  inicioClass.init();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

10
  • Si me di cuenta de que esa funcion se ejecuta primero, me di cuenta al poner console, pero por que pasa esto? si en el init las declaro en orden Commented el 8 ago. 2019 a las 15:22
  • Déjame pruebo algo y edito la respuesta Commented el 8 ago. 2019 a las 15:23
  • Las funciones se ejecutan de manera extraña, no tienen el orden que yo les asigno :'( Commented el 8 ago. 2019 a las 15:24
  • Obvio no ya que en javascript se ejecutan de modo asincronico, hay que asegurarse que primero se ejecute una y después la otra ya estoy revisando Commented el 8 ago. 2019 a las 15:26
  • 1
    Ya eh podido familiarizarme con las promesas, voy a dar tu respuesta como correcta! Commented el 9 ago. 2019 a las 16:14

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.