Cargar una funcion php con ajax, ayuda

marbuendy · #1 (**permalink**) 23/09/2009, 15:14

Hola tengo la siguiente duda y no se si se puede hacer, este es mi codigo:

Código PHP:

   function sumaDia(){   
sleep(4);  
$body5 = "He tardado 4 segundos en ejecutar esta pagina...";  
return $body5;  
 }  
?>

Código HTML:

<html> 
<head> 
   
<title>Ajax Simple</title> 
<script src="jquery-1.3.2.min.js" type="text/javascript"></script> 
   
<script> 
$(document).ready(function(){  
      $("#cargando").css("display", "inline"); 
      $("#destino").load("pagina-lenta.php", function(){ 
         $("#cargando").css("display", "none"); 
      }); 
  
}) 
</script> 
</head> 
<body> 
<br> 
<br> 
<div id="cargando" style="display:none; color: green;"><img src="ajax-loader.gif"></div> 
<br> 
<div id="destino"></div> 
<br><br><br><br> 
Este es el final de la web 
</body> 
</html>

y lo que quiero conseguir en que mientras se carga la funcion php me muestre mientras la imagen gif de carga, y una vez cargada la funcion me la muestre en vez de mostrarme pagina-lenta.php. No se como conseguirlo.
¿Podeis ayudarme?.
Gracias.

eall · #2 (**permalink**) 23/09/2009, 21:42

Intenta de la siguiente manera.

Código javascript:

Ver original<script> 
$(document).ready(function(){  
      $("#cargando").show(); 
      $("#destino").load("pagina-lenta.php", null, function(){ 
         $("#cargando").hide(); 
      }); 
  
}) 
</script>

exito.