estoy desarrollando una web y tengo ciertas consultas a la base de datos que me devuelven muchos datos, por ejemplo hay alguna con casi 10000 datos, pero no soy capaz de poner un spinner girando o un mensaje en pantalla diciendo que la web esta cargando, un ejemplo de como estoy haciendo esta consulta en mi servidor es de la siguiente manera:
app.get('/fincas', login, (req, res) => {
let token = req.session.usuario.token
let fincasDB = async() => {
await sql.connect(config);
let db = new sql.Request();
db.input("token", sql.VarChar('100'), token);
let result = await db.execute('LISTADO_CONSULTA_FINCAS');
return result.recordset;
}
fincasDB().then(fincas => {
console.log(fincas);
res.render('fincas.hbs', { fincas: fincas });
}).catch(err => {
console.log('error al sacar las fincas', err);
return res.status(404).redirect('/404');
});
});
y el ejemplo de mi frontend sería este:
let nombreDeUsuario = async() => {
let nombre = await $.ajax({
type: "POST",
url: "/nombreUsuario",
data: "",
success: function(datosUsuario) {
let usuario = datosUsuario.usuario
return usuario;
}
});
return nombre;
}
nombreDeUsuario().then(usuario => {
$('#nombreUsuarioAside').text(usuario.nombre);
$('.editarPerfil').click(function() {
location.href = `/editarUsuario?id=${usuario.idUsuario}`;
});
}).catch(err => {
alert('Ha ocurrido un error');
location.href = "/";
});
Son dos funciones diferentes que no tienen nada que ver, porque las fincas las saco por get, pero no se como poner mensajes cuando hago la consulta por ajax o cuando la hago por get, Alguien sabe como podría hacerlo? muchas gracias