jQuery ha desaprobado XMLHTTPRequest sincrónico

Como muchos otros, mi sitio web usa jQuery. Cuando abro las herramientas de desarrollo, veo una advertencia que dice que XMLHTTPRequest es

en desuso debido a sus efectos perjudiciales para la experiencia del usuario final.

Continué y leí parte de la documentación , pero era bastante técnica. ¿Alguien puede explicar las consecuencias de cambiar de XMLHTTPRequest a WHATWG en términos simples? Dice que sucedió en 2012.

Además, la documentación dice que Synchronous XMLHttpRequest fuera de los trabajadores está en proceso de ser eliminado de la plataforma web, cuando eso sucede, si un agente de usuario los tenía en un servicio, ¿necesitan modificar su código existente?

Para evitar esta advertencia, no utilice:

async: false

en cualquiera de sus $.ajax()llamadas. Esta es la única característica XMLHttpRequestque está obsoleta.

El valor predeterminado es async: true, por lo que si nunca usa esta opción, su código debería ser seguro si la función se elimina realmente.

Sin embargo, probablemente no lo será; puede que se elimine de los estándares, pero apuesto a que los navegadores continuarán admitiéndolo durante muchos años. Entonces, si realmente necesita AJAX sincrónico por alguna razón, puede usar async: falsee ignorar las advertencias. Pero hay buenas razones por las que AJAX sincrónico se considera de mal estilo, por lo que probablemente debería intentar encontrar una manera de evitarlo. Y las personas que escribieron aplicaciones Flash probablemente nunca pensaron que desaparecería tampoco, pero ahora está en proceso de ser eliminado.

Tenga en cuenta que la FetchAPI que está reemplazando XMLHttpRequestni siquiera ofrece una opción sincrónica.

La respuesta aceptada es correcta, pero encontré otra causa si está desarrollando bajo ASP.NET con Visual Studio 2013 o superior y está seguro de que no realizó ninguna solicitud ajax síncrona ni definió ningún script en el lugar incorrecto.

La solución es desactivar la función "Enlace del navegador" desmarcando "Activar enlace del navegador" en el menú desplegable de la barra de herramientas VS indicado por el pequeño icono de actualización que apunta en el sentido de las agujas del reloj. Tan pronto como haga esto y vuelva a cargar la página, ¡las advertencias deberían detenerse!

Esto solo debería suceder durante la depuración local, pero es bueno saber la causa de las advertencias.

Esto me sucedió al tener un enlace a js externos fuera de la cabeza justo antes del final de la sección del cuerpo. Ya sabes, uno de estos:

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

No tuvo nada que ver con JQuery.

Probablemente vería lo mismo haciendo algo como esto:

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

Pero no he probado esa idea.

Fue mencionado como un comentario por @ henri-chan , pero creo que merece más atención:

Cuando actualiza el contenido de un elemento con un nuevo html usando jQuery / javascript, y este nuevo html contiene <script>etiquetas, estas se ejecutan sincrónicamente y, por lo tanto, desencadenan este error. Lo mismo ocurre con las hojas de estilo.

Usted sabe que esto está sucediendo cuando ve (múltiples) scripts u hojas de estilo cargados como XHRen la ventana de la consola. (Firefox).

Ninguna de las respuestas anteriores (que son correctas) se adaptaba a mi situación: no uso el asyncparámetro jQuery.ajax()y no incluyo una etiqueta de secuencia de comandos como parte del contenido que se estaba devolviendo como:

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

Mi situación es que estoy llamando a dos solicitudes AJAX consecutivamente con el objetivo de actualizar dos divs al mismo tiempo:

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();

Cuando hago clic en a.anchor3, se levanta la bandera de advertencia. Resolví el problema reemplazando la invocación de f2 por click()función:

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

Mi problema: utilizo solicitudes asincrónicas que descargan el código en un búfer. Tengo un bucle comprobando el búfer cada segundo. Cuando el volcado ha llegado al búfer, ejecuto el código. También utilizo un tiempo de espera. Para el usuario final, la página funciona como si se utilizaran solicitudes sincrónicas.

Si cargamos el script en vista parcial, entonces este problema vendrá

1. Eliminé el script en la vista parcial y pasé a la vista principal.

Esta solución funciona bien para mí