0

Esta pregunta deriva de acà, acá y acà (pero no afecta a esta pregunta que hago ahora).

Esta función hace la llamada asíncrona:

function axiosCallPost(url, datastr)
{
        axios.post(url, {
                data:datastr
                , responseType:'text'
        })
        .then(function(response) {
                        console.log("ok -> " + response.data);
                        return response.data;
        })
        /*
         * para simplificarme la vida, responde 'errorr'
         * pero debería devolver algo mas
         */
        .catch(function(response) {
                        console.log("ko -> " + response.data);
                        return 'errorr';
        });
}

Tanto dentro del then como del catch, el valor recibido es correcto. Sin embargo, en la función validar_dni() que llama a esta, el valor es siempre [object Promise]. Por qué?

async function validar_dni(dni_a_validar, url, secc)
{
        var datastr = ('secc=' + secc + '&dni=' + dni_a_validar);
        const resultado = await axiosCallPost(url, datastr);
        return resultado;
}

Gracias!

2 respuestas 2

0

Si te fijas en tu código, la función axiosCallPost no esta retornando ningún valor, sino que recibe callbacks para manejar tanto los casos de éxito como de error. Sin embargo, para poder hacer await de la promise, necesitas también retornarla. Esto debería funcionar:

function axiosCallPost(url, datastr)
{
    return axios.post(url, {
            data:datastr
            , responseType:'text'
    })
    .then(function(response) {
                    console.log("ok -> " + response.data);
                    return response.data;
    })
    /*
     * para simplificarme la vida, responde 'errorr'
     * pero debería devolver algo mas
     */
    .catch(function(response) {
                    console.log("ko -> " + response.data);
                    return 'errorr';
    });
}

Recuerda que todas las funciones async necesitan que las llames con await para obtener el resultado (o leerlo en un then). De otra manera, solo obtendrás la Promise.

17
  • Acabo de probar tu propuesta. Me sigue sucediendo lo mismo. Dentro del then el valor es correcto pero fuera es incorrecto: siempre es un [object Promise].
    – julio
    Commented el 20 may. 2020 a las 11:13
  • quieres decir que cuando haces esto const resultado = await axiosCallPost(url, datastr); resultado es un [object Promise]?
    – Pablo CG
    Commented el 20 may. 2020 a las 11:14
  • Si y el valor dentro del then se actualiza a los 2/3 segundos. No se supone que debe esperar el resultado?
    – julio
    Commented el 20 may. 2020 a las 11:22
  • Esto esta funcionando: repl.it/repls/SubtleHospitableMarketing e imprime el valor del resultado: "errorr"
    – Pablo CG
    Commented el 20 may. 2020 a las 11:34
  • Asegurate que al llamar a validar_dni también se este haciendo el manejo de la llamada (por ejemplo, con await).
    – Pablo CG
    Commented el 20 may. 2020 a las 11:36
0

Axios es una promesa, cuando usas then o catch estas resolviendo la promesa, por lo que estas retornando es una promesa resuelta que ya no contiente nada. Para poder retornar el valor que quieres tienes que resolver la promesa utilizando await y retornar el valor, en caso de un error retornar el error.

async function axiosCallPost(url, datastr) {

  try {

    const response = await axios.post(url, { data: datastr, responseType: 'text'});
    console.log("ok -> " + response.data);
    return response.data;

  } catch (err) {

    console.log("ko -> error");
    return 'errorr';
  }
}
7
  • async/await es solo otra manera de expresar lo que siempre se escribio con then/catch. El resultado de esa funcion deberia ser el mismo.
    – Pablo CG
    Commented el 20 may. 2020 a las 12:35
  • En realidad no, aqui yo resuelvo la promesa y despues retorno el valor. En los otros casos estan retornando la promesa ya resuelta. Commented el 20 may. 2020 a las 12:52
  • No hay ningún problema en llamar al then de una "promesa ya resuelta", va a dar el valor de todas formas, sólo que inmediatamente. Este artículo sobre el Promise chaining es lectura obligatoria.
    – VRoxa
    Commented el 20 may. 2020 a las 13:10
  • No entiendo por qué si response.data dentro de axiosCallPost es correcto, no devuelve ese valor. Leí el artículo de Promise Chaining, esclarecedor.
    – julio
    Commented el 20 may. 2020 a las 16:45
  • Pero probaste este código, funciono? Commented el 20 may. 2020 a las 19:00

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

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