[XMLHttpRequest ] Advertencia en la consola, alguien me pudiera explicar

[chulifo]

Les saludo.

Estoy probando algunas cosas para "mejorar la experiencia del usuario" sin embargo, tengo que cuando utilizo este codigo:

Código Javascript:

var modulos = {'add':true,'ver':true,'getorden': true}; 
function getModule(a){
    if(modulos[a]){
        $.post(urlhost+'/path/'+a,{ 'called':true},
            function(datos) {
                data = JSON.parse(datos);
                if(data){
                    if(data.result == 'exito'){
                        window.history.pushState(data, data.titulo, urlhost+'/requisiciones/'+a);
            path        $('title').html(data.titulo);
                        $('#breadcrumb').html(data.breadcrumb);
                        $('#mainsource').html(data.contenido);
                        
                    }
                }
            }
        );
        
    }
}
 

La consola me devuelve lo siguiente:

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.

Sin embargo, cuando remuevo el trozo de codigo

Código:

$('#mainsource').html(data.contenido);

No me arroja el mensaje.

Agradezco de ante mano me puedo ayudar a entender lo que sucede.

-edito-

Buscando la razon, encuentro que lo que recibo en data.contenido es html (texto,css,javascript), sim embargo, cuando retiro los codigos javascript encuentro que la advertencia deja de aparece; entonces ya encontre el problema, sin embargo sigo sin entender ¿porque eso es un problema?

[Panino5001]

Buscá la manera de hacer la petición de manera asíncrona (async: true) para evitar ese problema, ya que las peticiones síncronas están consideradas obsoletas. Si necesitás sincronicidad usá alternativas, como inyección DOM.

[chulifo]

@Panino5001 gracias por responder, async: true fue activado, es decir, no quiero que sea sincronica, quiero que sea asincronica; y pensaba que lo estaba haciendo bien.

Como comente al final de post principal, los datos que modifico en el DOM contienen texto html, javascript(texto/javascript y un tag que apunta a un fichero javascript) y css . cuando removi el <script src="... la advertencia dejo de aparecer, eso es lo que no entiendo porque se considera problema.

[abrahamhs]

Si entiendo bien en tu javascript tiene data.contenido y ahi te llega texto con otro javascript. Es como tener <script src="...><script src="...> </script> </script>
Me parece obvio el error. Si quieres que el texto de data.contenido se ejecute como javascript deberias usar la función eval() y asi ya no agregas el segundo tag <script src="...> que causa el problema.

[xerifandtomas]

O también si no equivoco podrías añadir el atributo async a la etiqueta.

Ejemplo:

Código HTML:

<script async src="miScript.js"></script>