Respostas:
- Como eu posso obter o resultado de uma requisição ajax assíncrona?
Tens de usar callbacks, promises ou async/await. Podes ler mais aqui sobre alternativas de encadeamento de funções assíncronas.
- Por que uma requisição síncrona afeta a experiencia do usuário?
Imagina que o servidor que estás a contactar demora a responder, ou não responde de todo... aí o browser fica bloqueado à espera eternamente e tens de recarregar a página ou fechar o browser para poder usa-lo de novo. No caso de um carrinho de compras por exemplo isso pode ser muito mau para o utilizador que perde o que estava gravado.
- Há cenários no qual eu possa utilizar requisições síncronas?
Não. Hoje em dia isso está deprecadoobsoleto == proibido.
Sobre o problema concreto na pergunta, é parecido com este outro, e podes resolver como as alternativas que indiquei em 1.
. Um exemplo com deferred
(a promise do jQuery) poderia ser assim:
var getInstituicoesSemUsuario = function(tipo) {
return $.ajax({
url: "{{path_for('instituicao.sem.responsavel')}}",
data: "tu=" + tipo,
type: "GET"
});
}
// e depois quando precisares:
getInstituicoesSemUsuario('foo').done(function(resultado) {
console.log(resultado);
});