Promesas

[laureano59]

Buen día Foro.

Llevo ya varios días tratando de retornar el resultado de una petición que hago al servidor con AJAX, pero me retorna indefinido, he intentado hacerlo con promesas pero no lo logro.
Entiendo el concepto y se por qué me retorna indefinido, lo que no logro es utilizar correctamente la promesa.
Voy a poner el código tal cual para que me den una luz y poder avanza en el proyecto.

Esta función es lanzada cuando cambio el foco de un input.

Código Javascript:

$("#canprotocolohojas").blur(function(){
  var canprotocolohojas, canprotocolopaquetes;
  canprotocolohojas = $("#canprotocolohojas").val();
  canprotocolopaquetes = $("#canprotocolopaquetes").val();
  let res = CacularConceptos(canprotocolohojas, canprotocolopaquetes, 3);
  console.log(res);
  $("#totalprotocolo").val(res);
});
 

Luego Llamo esta función y le mando los parámetros para que luego me retorne el valor que necesito.

Código Javascript:

function CacularConceptos(hojas, paquetes, id_concep){
  var datos = {
      "id_concep": id_concep,
      "hojas": hojas,
      "paquetes": paquetes
  };
  var route = "/valorconceptos";
  var token = $("#token").val();
  var total = 0;
  $.ajax({
    url: route,
    headers: {
      'X-CSRF-TOKEN': token
    },
    type: 'GET',
    dataType: 'json',
    data: datos,
    success: function(info){
      console.log(info.total);//SIN PROBLEMA
      return(info.total);
          }
    });
}
 

Para no enredarme más de lo que estoy decidí poner el código sin la promesa ya que intenté ponerla en la función CacularConceptos() y nada, luego la puse en la primera función y nada...

Ayuda por Favor...
Gracias de antemano.

[Alexis88]

Para utilizar el dato de retorno, tienes que establecer la petición en forma síncrona, es decir:

Código Javascript:

async: false
 

Pero sería mucho mejor si tan solo le pasaras una función que actúe como llamada de retorno de tal forma que, en la petición, solo la llamarías pasándole el dato como argumento y en la función podrás utilizarlo como desees.

Un ejemplo:

Código Javascript:

$.ajax({
    //Pares atributo-valor
    //...
}).done(function(respuesta){
    callback(respuesta);
});
 
//...
 
function callback(dato){
    //Aquí podrás manipular el dato como desees
}
 

NOTA: En lugar del atributo-métodosuccess utilicé el método done, pero puedes continuar usando el primero, si deseas.

[laureano59]

Gracias por responder.
cambiando async A false, funciona sin problema, de hecho así lo tenia pero se que no es la mejor opción, ya que los navegadores no lo recomiendan por varias razones y en futuras actualizaciones esta opción ya será obsoleta.

[emilio_viguri]

Entonces como quedo tu código ?