Possuo uma função que dispara uma requisição ajax para uma rota, veja:
var getInstituicoesSemUsuario = function(tipo)
{
var resultado = "";
$.ajax(
{
url: "{{path_for('instituicao.sem.responsavel')}}",
data: "tu=" + tipo,
type: "GET",
async: false,
success: function(resposta)
{
resultado = resposta;
}
});
return resultado;
}
Com a opção async
definida para false
é possível obter o retorno da função getInstituicoesSemUsuario()
, porém, o Google Chrome emite o seguinte aviso:
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience.
Em poucas palavras, uma chamada síncrona parece afetar a experiencia do usuário final.
No entanto, se eu remover a opção async
ou defini-la para true
o aviso some, mas, eu não consigo pegar o resultado da requisição.
#Dúvidas
- Como eu posso obter o resultado de uma requisição ajax assíncrona?
- Por que uma requisição síncrona afeta a experiencia do usuário?
- Há cenários no qual eu possa utilizar requisições síncronas?