Tengo una función para cargar síncrona y asíncronamente información de una base de datos que esta graba y recupera mediante una petición por XMLHttpRequest y que hasta hace dos meses funcionaba pero, ha actualizado Chrome su navegador y me ha fastidiado.
Esta es la función:
function sendRequest(url,data,type) {
if (typeof(data) == 'undefined') {
data = null;
}
if (typeof(type) == 'undefined') {
type = (data === null ? 'GET':'POST');
}
var async = false,
req = new XMLHttpRequest();
if (req) {
req.open(type, url, async);
if (type=='POST') {
req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; Charset=utf-8;');
}
req.send(data);
}
return req;
}
En Firefox funciona perféctamente pero en Chrome, no. Aparece en ambos navegadores el siguiente mensaje en consola: "Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience".
Si en la función req.open() quito el async, que lo necesito en false, ya no aparece la advertencia.
Cuál es la forma adecuada de corregirlo?
AJAX
dentro de una funcion. asi te debera funcionar. y si amigo mio, eso que tienes ahi esAJAX
pero realizado con javascript puro. en pocas palabras si necesitas ejecutar esa peticion una funcion debe encargarse de ello, no puede estar en el contexto global.