ajax con jquery, cargando...

[principianteZF]

Hola amigos tengo este codigo jquery y funciona bien, lo que no sé hacer es que agregarle para que en el div que espera la respuesta aparezca algo tipo CARGANDO.... o un gif que le diga al usuario que debe esperar la respuesta.

Código Javascript:

$.ajax({ 
  async:true, 
  type: "POST",
  dataType: "html", 
  url: "modulos/contacto/atras_contacto.php",
  data: 'nombre='+name+'&email='+mail+'&com='+com,  
  success: function(html){
  $("#formulario_contacto").html(html);
  
    }
  
  })
 

[David]

Puedes tener el gif oculto y mostrarlo antes de realizar la llamada:

Código Javascript:

$(...).show(); // Mostrar
$.ajax({ 
  async:true, 
  type: "POST",
  dataType: "html", 
  url: "modulos/contacto/atras_contacto.php",
  data: 'nombre='+name+'&email='+mail+'&com='+com,  
  success: function(html){
  $(...).hide(); // Ocultar
  $("#formulario_contacto").html(html);
  
    }
  
  })
 

[principianteZF]

gracias, yo estaba buscando un atributo propio de '$.ajax' como type, async, etc. , al parecer no hay, por eso no lo encontraba.

Otra cosa, si lo muestro antes de realizar la llamada se va a ver cuando cargo la pagina, no?
yo quiero que se vea despues que hago la llamada y antes que se vean los resultados.

[Dany_s]

si se ve, porque primero insertar un gif al contendor o mostrar si el gif esta oculto y después insertar el resultado en el success, pero ojo al ocultar solo en el success porque si la peticion tira error va a quedar el cargador

mejor ocultar en el callback complete

si queres que el cargador sea personalizado en diferentes lugares o distinto tipo si esta bien que lo pongas en cada llamada pero si vas a usar un generico por ejemplo en la esquina de la pantalla podes usar los métodos ajaxStart http://api.jquery.com/ajaxStart/ y .ajaxComplete() http://api.jquery.com/ajaxComplete/

cuando comienza una petición mostrar el cargador, cuando se completa lo ocultas

me paso tener muchas llamadas que tenia un cargador común y cuando queria cambiar o modificar era un parto, pero con el ajaxStart y ajaxComplete es cambiar en un solo lugar jeje