Skip to main content
tags editadas
Link
gato
  • 23,7mil
  • 33
  • 125
  • 255
Fonte Link
gato
  • 23,7mil
  • 33
  • 125
  • 255

Lidando com resultados de requisições síncronas e assíncronas

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

  1. Como eu posso obter o resultado de uma requisição ajax assíncrona?
  2. Por que uma requisição síncrona afeta a experiencia do usuário?
  3. Há cenários no qual eu possa utilizar requisições síncronas?