0

Tengo esta función que hace un llamado a un php donde se realiza una consulta, el caso es que esta función retorna un array con los datos de la consulta:

function datosDis(folio) {

   $.ajax({
        url: 'peticiones/consultaRepDis.php',
        data: { 'Folio': folio },
        type: 'POST',
        success:  function (res) {
            let datos = JSON.parse(res)
            folio= datos.data.map(fila =>{
                console.log(fila)
                return fila.folio;
            })
        }, 
    });

Y lo que necesito es obtener los valores de la función para utilizarlos en un en otra función, lo intente salvar los datos de la siguiente manera pero no me funciono:

$('#frmRecepcionDistribuidor').submit(function (e) {

let datos = datosDis(folio);
console.log(datos);

});

1
  • 2
    Hola. Las peticiones Ajax son asíncronas. Debes trabajar la respuesta dentro del success o bien llamar desde ahí la función pasándole a res o implementar lo que se conoce como callback.
    – A. Cedano
    Commented el 15 ago. 2023 a las 23:00

1 respuesta 1

0

Utiliza el callback, en resumen es una función que se pasa como argumento a otra función y será llamada cuando la otra función se haya completado.

function datosDis(folio, callback) {
   $.ajax({
        url: 'peticiones/consultaRepDis.php',
        data: { 'Folio': folio },
        type: 'POST',
        success:  function (res) {
            let datos = JSON.parse(res)
            folio= datos.data.map(fila =>{
                console.log(fila)
                return fila.folio;
            })
            callback(datos);
        }, 
    });
}

$('#frmRecepcionDistribuidor').submit(function (e) {
  e.preventDefault();

  datosDis(folio, function(datos) {
    console.log(datos);
  });
}); 

Ahora la function datosDis tiene dos argumentos, folio y callback. El callback solo será llamado cuando la función datosDis haya sido completada.

En el submit, se pasan 2 argumentos, el folio y el callback, a la función datosDis. datosDis realiza la solicitud HTTP a peticiones/consultaRepDis.php; una vez que esta solicitud se haya completado, la función datosDis devuelve los datos. El callback recibe un argumento, y luego imprime los datos

Otra posibilidad que puede resolver es utilizar async await, convirtiendo la función datosDis en una función async.
De esta manera, la función datosDis realiza la solicitud de forma asíncrona. Cuando la solicitud se completa, retorna los datos y el envío del formulario invoca la función datosDis y espera el resultado, una vez que este retorna, submit imprime los datos.

async function datosDis(folio) {
  let datos;
  try {
    datos = await $.ajax({
      url: 'peticiones/consultaRepDis.php',
      data: { 'Folio': folio },
      type: 'POST',
    });
  } catch (err) {
    console.log(err);
  }

  return datos;
}

$('#frmRecepcionDistribuidor').submit(function (e) {
  e.preventDefault();

  let datos = await datosDis(folio);
  console.log(datos);
}); 
2
  • El callback dentro de submit también debiera ser async, no crees
    – ffflabs
    Commented el 17 ago. 2023 a las 1:56
  • 1
    Muchas gracias, utilice lo del callback y me funciono a la perfección.
    – Misael
    Commented el 17 ago. 2023 a las 21:27

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.