En realidad el código está CASI bien, solo le faltaría el parámetro de ajax "async: false"
, para que la peticion no se realice de manera asíncrona, que es la razón por la que se obtiene después.
Digamos que funciona como el "defer y async" para los script en el HTML. Esto define el tiempo de ejecución y finalización, en función si se requieren cargar los recursos por necesidad o tiempo de ejecución.
Se puede entender que lo mejor es "async", de tal forma no obligamos al código a finalizar en un determinado momento, sino que seguirá su flujo y dependerá de la NECESIDAD de ese código para darle prioridad, esto optimiza la carga del navegador.
Te dejo un enlace sobre el tema ya que igual no soy tan diestro en explicarlo :P
https://cybmeta.com/diferencia-async-y-defer
Ahora, sobre tu pregunta, la solución va de agregar una pequeña configuración en la petición ajax.
Es cierto que el manejo de las promesas puede llegar a ser algo mas o menos duro de trabajar si no se tiene mucha soltura (me incluyo). Así pues tu pregunta me ha servido para documentarme, leer y aprender mas al respecto.
He probado el código y funciona.
async: false
Llamada SINCRONA
function TotalInstituciones(){
var deferred = $.Deferred();
$.ajax({
data:'action=TotalInstituciones',
url: 'https://jsonplaceholder.typicode.com/photos',
type:'POST',
dataType:'JSON',
async: false
}).done(function(resp){
if(resp.length !== 0){
console.log("a");
}else{
sessionStorage.TotalInst = 0;
}
});
return deferred.promise();
}
function PaginadorInstituciones(){
console.log("b");
}
$.when(TotalInstituciones()).then(PaginadorInstituciones());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>
<head>
<meta content='text/html;charset=UTF-8'>
<title>Example</title>
</head>
<body>
</body>
</html>
Llamada ASÍNCRONA
function TotalInstituciones(){
var deferred = $.Deferred();
$.ajax({
data:'action=TotalInstituciones',
url: 'https://jsonplaceholder.typicode.com/photos',
type:'POST',
dataType:'JSON'
}).done(function(resp){
if(resp.length !== 0){
console.log("a");
}else{
sessionStorage.TotalInst = 0;
}
});
return deferred.promise();
}
function PaginadorInstituciones(){
console.log("b");
}
$.when(TotalInstituciones()).then(PaginadorInstituciones());
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>
<head>
<meta content='text/html;charset=UTF-8'>
<title>Example</title>
</head>
<body>
</body>
</html>
La petición SINCRONA espera a finalizar la petición por completo y obtener los datos.
De manera aśincrona, en cuanto se realiza la petición, los datos se siguen cargando, pero como no los estás requiriendo o usando, javascript permite continuar la carga y por eso se te adelantaba la letra b.
Te dejo los enlaces que he estado leyendo sobre las promesas, creo que son interesantes
Referencia 1
Referencia 2
Referencia 3
Referencia 4
Referencia 5
Referencia 6
En todos hay explicaciones de distintos puntos de vista y bastante extensas junto a ejemplos sobre formas de trabajar promesas, callbacks, tiempos de ejecución de javascript etc.
Espero que te ayude :)
Saludos!
PaginadorInstituciones()
dentro deldone(function(resp){
debajo deconsole.log("a");
.$.when(TotalInstituciones()).then(PaginadorInstituciones);
como lo tienes estas ejecutando la funcion