Ver Mensaje Individual
  #11 (permalink)  
Antiguo 11/10/2012, 10:22
Avatar de quike88
quike88
 
Fecha de Ingreso: agosto-2008
Mensajes: 471
Antigüedad: 15 años, 8 meses
Puntos: 87
Respuesta: Imagen animada al llamar al servidor

Hola,

Dale una revisada a $.ajax() y tambíen a Ajax Events, tienen ejemplos bastante claros.

El código sería algo así:
Código Javascript:
Ver original
  1. $.ajax({
  2.         data: $("#frm_filtro").serialize()+ordenar,
  3.         type: "POST",
  4.         dataType: "json",
  5.         url: "ajax.php?action=listar",
  6.         beforeSend: function(){
  7.             //MUESTRAS LA IMAGEN
  8.         },
  9.         success: function(data){
  10.             // OCULTAS LA IMAGEN
  11.             // ACA PUEDES MOSTRAR UN TEXTO DICIENDO QUE YA CARGO LA DATA
  12.             // ESTO LO PUEDES PONER UNA VEZ HAYA CARGADO EL AJAX O CUANDO HAYAS LISTADO TODOS LOS ELEMENTOS
  13.             $('.carga').html('CARGO COMPLETAMENTE');
  14.         },
  15.         error: function(){
  16.             // ACA PUEDES MOSTRAR UN TEXTO DICIENDO EL ERROR QUE YA CARGO TU DATA
  17.             $('.carga').html('ERROR AL CARGAR COMPLETAMENTE');
  18.         }
  19.     });

Un saludo!