Problemas com XMLHttpRequest AngularJS

Question

tenho um requisição $http.get em minha aplicação conforme pode ser visto em AngularJS ng-repeat não retorna dados, retorna sempre vazio

Porém estou recebendo um Warning no console do browser com a seguinte mensagem:

Synchronous XMLHttpRequest on the main thread is deprecated 
because of its detrimental effects to the end user's experience.

Como posso fazer para resolver?

Qual o código que causa este warning? Este está sendo exibido pelo Chrome recentemente quando você tenta executar o método open de uma XMLHttpRequest com o terceiro parâmetro como false, que impede que a requisição seja assíncrona. — Guilherme Nagatomo, Commented 7/04/2015 às 22:35
GuilhermeNagatomo, aqui está meu código: pt.stackoverflow.com/questions/57324/…. E sim, está sendo exibido no crhome no momento que acesso a view que faz o acesso aos dados — Jacson Daner M. Brandão, Commented 7/04/2015 às 22:38
Olhando rápido pelo fonte do Angular, não parece que o problema seja nele. Haveria algum outro código que se utilize de ajax fora do Angular? O warning não indica no console a linha onde é ativado? — Guilherme Nagatomo, Commented 7/04/2015 às 22:48

OnoSendai · Accepted Answer · 2015-04-08 04:22:21Z

Causas possíveis:

Se o retorno do seu request $http.get possuir uma menção a um arquivo javascript, o jQuery (assim como outras bibliotecas) tentará carregar o arquivo mencionado em modo síncrono (já que ele assume que você precisa do arquivo JS para interpretar o conteúdo sendo transmitido.
Se sua requisição (que na prática se traduz como uma solicitação XMLHttpRequest) estiver sendo executada na thread principal e sem a flag indicando uma operação assíncrona - por exemplo, $.ajax() com async: false.

Soluções: Faça sua requisição em uma thread separada, ou utilize a flag async: true no jQuery.

Esta mensagem é nativa do browser. O jQuery, por implementar carga síncrona, pode disparar o aviso.

1 Resposta 1