jQuery tornou obsoleto o XMLHTTPRequest síncrono

Como muitos outros, meu site está usando jQuery. Quando abro as ferramentas do desenvolvedor, vejo um aviso que diz que XMLHTTPRequest é

descontinuado devido aos seus efeitos prejudiciais à experiência do usuário final.

Continuei e li parte da documentação , mas era bastante técnica. Alguém pode explicar as consequências de mudar de XMLHTTPRequest para WHATWG em termos simples? Diz que aconteceu em 2012.

Além disso, a documentação diz que Synchronous XMLHttpRequest fora dos workers está em processo de remoção da plataforma web, quando isso acontece, se um agente do usuário os tiver em um serviço, eles precisam modificar o código existente?

Para evitar esse aviso, não use:

async: false

em qualquer uma de suas $.ajax()chamadas. Este é o único recurso XMLHttpRequestobsoleto.

O padrão é async: true, portanto, se você nunca usar essa opção, seu código estará seguro se o recurso for realmente removido.

No entanto, provavelmente não será - ele pode ser removido dos padrões, mas aposto que os navegadores continuarão a suportá-lo por muitos anos. Portanto, se você realmente precisa do AJAX síncrono por algum motivo, pode usar async: falsee simplesmente ignorar os avisos. Mas há bons motivos pelos quais AJAX síncrono é considerado um estilo ruim, então você provavelmente deve tentar encontrar uma maneira de evitá-lo. E as pessoas que escreveram aplicativos em Flash provavelmente nunca pensaram que ele iria desaparecer, mas agora está em processo de extinção.

Observe que a FetchAPI que está substituindo XMLHttpRequestnem mesmo oferece uma opção síncrona.

A resposta aceita está correta, mas eu encontrei outra causa se você estiver desenvolvendo em ASP.NET com Visual Studio 2013 ou superior e tiver certeza de que não fez nenhuma solicitação ajax síncrona ou definiu scripts no lugar errado.

A solução é desativar o recurso "Link do navegador" desmarcando "Habilitar link do navegador" na lista suspensa da barra de ferramentas do VS, indicada pelo pequeno ícone de atualização apontando no sentido horário. Assim que você fizer isso e recarregar a página, os avisos devem parar!

Isso só deve acontecer durante a depuração local, mas ainda é bom saber a causa dos avisos.

Isso aconteceu comigo por ter um link para js externos fora da cabeça pouco antes do final da seção do corpo. Você sabe, um destes:

<script src="http://somesite.net/js/somefile.js">

Não tinha nada a ver com JQuery.

Você provavelmente veria o mesmo fazendo algo assim:

var script = $("<script></script>");
script.attr("src", basepath + "someotherfile.js");
$(document.body).append(script);

Mas não testei essa ideia.

Foi mencionado como um comentário por @henri-chan , mas acho que merece um pouco mais de atenção:

Quando você atualiza o conteúdo de um elemento com novo html usando jQuery / javascript, e este novo html contém <script>tags, elas são executadas de forma síncrona e, portanto, acionando este erro. O mesmo vale para as folhas de estilo.

Você sabe que isso está acontecendo quando vê (vários) scripts ou folhas de estilo sendo carregados como XHRna janela do console. (Raposa de fogo).

Nenhuma das respostas anteriores (que estão todas corretas) foi adequada para minha situação: Eu não uso o asyncparâmetro em jQuery.ajax()e não incluo uma tag de script como parte do conteúdo que estava sendo retornado como:

<div> 
     SOME CONTENT HERE
</div>
<script src="/scripts/script.js"></script> 

Minha situação é que estou chamando duas solicitações AJAX consecutivamente com o objetivo de atualizar duas divs ao mesmo tempo:

function f1() {
     $.ajax(...); // XMLHTTP request to url_1 and append result to div_1
}

function f2() {
     $.ajax(...); // XMLHTTP request to url_2 and append result to div_2
}

function anchor_f1(){
$('a.anchor1').click(function(){
     f1();
})
}

function anchor_f2(){
$('a.anchor2').click(function(){
     f2();
});
}

// the listener of anchor 3 the source of problem
function anchor_problem(){
$('a.anchor3').click(function(){
     f1();
     f2();
});
}

anchor_f1();
anchor_f2();
anchor_problem();

Quando clico em a.anchor3, surge o sinalizador de aviso. Resolvi o problema substituindo f2 invocando pela click()função:

function anchor_problem(){
$('a.anchor_problem').click(function(){
     f1();
     $('a.anchor_f2').click();
});
}

Meu workabout: eu uso solicitações assíncronas despejando o código em um buffer. Eu tenho um loop verificando o buffer a cada segundo. Quando o dump chega ao buffer, executo o código. Eu também uso um tempo limite. Para o usuário final, a página funciona como se as solicitações síncronas fossem usadas.

Se carregarmos o script em vista parcial, esse problema virá

1. Removi o script na visualização parcial e mudei para a visualização principal.

Esta solução está funcionando bem para mim