Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Axios: valor correcto del contador dentro del then pero no afuera

Estas en el tema de Axios: valor correcto del contador dentro del then pero no afuera en el foro de Javascript en Foros del Web. Buenas! Tengo una función que hace una llamada a axios.get. Dentro del .then, hay un contador que se debe incrementar. Ahí adentro, el valor es ...
  #1 (permalink)  
Antiguo 21/05/2020, 11:26
 
Fecha de Ingreso: marzo-2010
Ubicación: Buenos Aires
Mensajes: 59
Antigüedad: 10 años, 2 meses
Puntos: 2
Axios: valor correcto del contador dentro del then pero no afuera

Buenas!
Tengo una función que hace una llamada a axios.get. Dentro del .then, hay un contador que se debe incrementar. Ahí adentro, el valor es correcto, pero cuando consulto el valor del contador fuera de esa función, no está actualizado a pesar de haberse cumplido la solicitud, y no entiendo por qué.

He leído y consultado un montón pero nadie me puede responder por qué.

No quiero cambiar el código otra vez, dado que si la consulta fue respondida y la variable es global, aunque sea una solicitud asíncrona, debería estar actualizada.

Código:
var errores_personal_cnt = 0;
function validar(dato_a_validar, url, secc, control)
{
        var datastr = url + '?secc=' + secc + '&dato=' + dato_a_validar;
        axios.get(datastr)
        .then(response => {
                var estado = response.data;
                "Respuesta: " + console.log(estado);
                if (estado != 1)
                {
                        control.style.borderColor = "red";
                        control.style.backgroundColor = "red";
                        control.title = estado;
                        errores_personal_cnt++;
                        errores_personal += "\t- " + estado + "\n";
                        return false;
                }
                else
                {
                        control.style.borderColor = "lightgreen";
                        control.style.backgroundColor = "lightgreen";
                        control.title = "Correcto";
                        return true;
                }
        })
        .catch(response => {
                "Respuesta: " + console.log(response.data);
                console.log("Estado: error -> " + response.data);

                control.style.backgroundColor = error_app;
                control.style.borderColor = error_app;
                control.title = "Ha ocurrido un error con la aplicación. Intentalo nuevamente en unos segundos.";
                        errores_personal_cnt++;
                errores_personal += "\t- ha ocurrido un error en la validación\n";
                return false;
        });

}
  #2 (permalink)  
Antiguo 21/05/2020, 12:39
 
Fecha de Ingreso: abril-2011
Mensajes: 125
Antigüedad: 9 años, 2 meses
Puntos: 44
Respuesta: Axios: valor correcto del contador dentro del then pero no afuera

Cita:
si la consulta fue respondida y la variable es global, aunque sea una solicitud asíncrona, debería estar actualizada.
El problema es que no se puede saber de antemano cuándo será actualizada dicha variable global (errores_personal_cnt), porque como bien indicas, la petición es asíncrona.

No tenemos más información de tu código, pero quizá es algo que se pueda replantear de otra forma. Aunque siempre puedes hacer que la función validar devuelva una promesa:

Código:
var errores_personal_cnt = 0;
function validar(dato_a_validar, url, secc, control)
{
        var datastr = url + '?secc=' + secc + '&dato=' + dato_a_validar;
        return axios.get(datastr)
        .then(response => {
                var estado = response.data;
                "Respuesta: " + console.log(estado);
                if (estado != 1)
                {
                        control.style.borderColor = "red";
                        control.style.backgroundColor = "red";
                        control.title = estado;
                        errores_personal_cnt++;
                        errores_personal += "\t- " + estado + "\n";
                        return false;
                }
                else
                {
                        control.style.borderColor = "lightgreen";
                        control.style.backgroundColor = "lightgreen";
                        control.title = "Correcto";
                        return true;
                }
        })
        .catch(response => {
                "Respuesta: " + console.log(response.data);
                console.log("Estado: error -> " + response.data);

                control.style.backgroundColor = error_app;
                control.style.borderColor = error_app;
                control.title = "Ha ocurrido un error con la aplicación. Intentalo nuevamente en unos segundos.";
                        errores_personal_cnt++;
                errores_personal += "\t- ha ocurrido un error en la validación\n";
                return false;
        });

}
Y meter el resto de tu código en una función anónima de este tipo:

Código Javascript:
Ver original
  1. (async () => {
  2.   // ...
  3.   var valor = await validar(dato_a_validar, url, secc, control); // esperamos a que la promesa se resuelva
  4.   console.log(valor); // true o false
  5.   console.log(errores_personal_cnt); // la variable actualizada
  6. })();


Última edición por prueba230683; 21/05/2020 a las 14:28
  #3 (permalink)  
Antiguo 21/05/2020, 15:55
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.122
Antigüedad: 16 años
Puntos: 810
Respuesta: Axios: valor correcto del contador dentro del then pero no afuera

También puede crear una función que muestre el valor de errores_personal_cnt (que se ocupe de mostrar en el html el valor de esa variable) e invocarla al principio, para mostrar el valor en cero, e invocarla también cada vez que se resuelva la promesa (dentro del then y el catch).



La zona horaria es GMT -6. Ahora son las 13:41.