Tengo una función que antes de ser "disparada" intenta mostrar en una pagina web un imagen GIF animada de "cargando" para que una vez que terminen todas las instrucciones de la función por último esa imagen se desaparezca, ¿Cuál es el problema", el problema es que una de las instrucciones de esta función manda ejecutar una instruccion de Jquery AJAX de forma NO asincrona lo que provoca que se ejecute como si fuera una instrucción normal (es decir la línea se ejecuta y hasta que no termine no puede comenzar la siguiente instrucción de código), de hecho dentro de la función se ejecutan varios AJAX no asíncronos, lo que sucede aquí es que cuando hay una imagen con movimiento GIF, está se "congela" o no se "muestra" cuando hay funciones no asincronas, si estas funciones fueran asíncronas entonces la imagen se ve claramente con su movimiento, pero en este caso NO PUEDO modificar que sean síncronas, pues debo esperar su resultado, el ejemplo es así:
funcion agregarTallas()
{
$('#imagen').show();
$.ajax({
url: 'agregarUsuarioATallas.php?'+gets, //server script to process data
type: 'GET',
async: false,
//Ajax events
success: function(data)
{
//alert('jamon:'+data);
IDNuevoUsuariosPrendas=data.trim();
},
error: function(data){
alert('error, JS no pudo ejecutar el archivo agregaUsuario.php');
},
});
$('#imagen').hide();
}
Entonces pienso que una forma de solucionar que si se pueda ver la imagen con su movimiento hasta que la función termine sería poder disparar toda esta función desde OTRA de manera asíncrona para que la imagen NO SE PASME. En otras palabras ¿Cómo puedo ejecutar una funcion de JS de forma asíncrona? o bien como lograr que la imagen no se vea "pasmada" o que si se vea antes de poder ejecutar la función. Espero darme a entender. Muchas Gracias
async: false
? Puedes hacerla asíncrona, y dentro delsuccess
ocultar la imagen con:$('#imagen').hide();
– A. Cedano el 18 sep. 19 a las 20:35