Gif de espera en funcion ajax de jquery.

[principianteZF]

Que tal amigos.
Tengo esta funcion que funciona bien, pero quiero ponerle un gif mientras se cargan los resultados y no se como.

Código HTML:

$.ajax({ 
  async:true, 
  type: "POST",  
  url: "base/atrasforo.php", 
  data: 'nombre='+name+'&comentario='+com+'&security_code='+segu,  
  success: function(html){
    $("#vercopetes").append(html);
    },
  timeout:4000, 
  })
 

Si me pueden ayudar les agradezco.
Saludos.

[jcxnet]

configura el evento beforeSend y agrégale la imagen usando $("#vercopetes").html(aqui la imagen)

[principianteZF]

Muchas gracias!

Lo único que ahora se me sumó un nuevo problema, este ajax anda perfecto en Google Chrome y no funciona ni en Firefox ni en IE, lo acabo de provar.

Alguien sabe que puede estar pasando? grrrrrrrrrrrrrrrrrrr

[masterojitos]

Busca sobre AjaxStart.

Suerte.

[Dany_s]

tenés una coma que no va

Código Javascript:

timeout:4000,
 

pasá tu llamada para ver

[principianteZF]

Hola, si ahora en IE no me salta mas error, pero me sigue haciendo un problema.
Inserto un mensaje nuevo a traves del form, y si bien se inserta en la base de datos, no se refresca el div "#vercopetes", tengo que recargar la pagina o irme y volver para que se vea el ultimo mensaje.
Saben como lo puedo solucionar.

Gracias.

[mayid]

Que obtenes al hacer alert(html) ?

Otra cosa, para que sirve tu timeout?

[principianteZF]

Gracias por la paciencia.
El timeout era mas que nada para una prueba, ya se lo saque.
El alert me lanza el codigo de toda la pagina, no solo los resultados, desde el < html > para abajo.

Código HTML:

$.ajax({ 
  async:true, 
  type: "POST",
  dataType: "html", 
  url: "base/atrasforo.php",
  data: 'nombre='+name+'&comentario='+com+'&security_code='+segu,  
  success: function(html){
    $("#vercopetes").append(html);
    alert(html);
    },
  error: function(){
        alert('Ha ocurrido un error');
    }
  
  })
 

En algunas ocasiones vuelve a cargar sin los datos nuevos ( es una lista de 10 mensajes, en la cual despues de incluir un mensaje nuevo, se debe ver primero en la lista de 10, a veces entro un mensaje nuevo, pero este ultimo no aparece a menos que refresque la pagina, siguen apareciendo los 10 viejos).

Saludos.

[Dany_s]

en el alert de los que te trae la respuesta ves el mensaje nuevo?

[principianteZF]

Cuando lo carga en la pagina si.

Saludos y gracias.

[Dany_s]

pregunto en el alert(html);

[mayid]

El alert me lanza el codigo de toda la pagina, no solo los resultados, desde el < html > para abajo.

Por seguridad, ponele como nombre "data" en vez de "html". No sea que se esté cruzando una variable de sistema. Si no, no me explico por qué te aparece todo el html de la pagina. A menos que PHP esté devolviendo más que un listado de 10 items...

[chifliiiii]

O eso o fijate si tenes algun error en la página que llamas por ajax. Fijate en la consola si usas firebug que te pone al hacer el post