Foros del Web - Ver Mensaje Individual - Enviar petición y mientras mostrar "mensaje"

neodani · #3 (**permalink**) 20/12/2010, 10:13

Cita:

Iniciado por alfcm

Te mando un ejemplo

Código Javascript:

Ver original$.ajax(
        {
            url:'http://localhost/pruebajax/public/orden/agregar',
            type:'POST',
            data:'id='+prod,
            beforeSend:function(objeto){ 
                $('#carga').css({display:'block'});
            },
            complete:function(){$('#carga').css('display','none');}
        }
    );

en mi html tengo el div creado

Código HTML:

Ver original<div id="carga" style="display:none">
    <img src="http://localhost/pruebajax/public/img/cargando.gif" />
    </div>

En el beforeSend se muestra el div donde esta la imagen de loading y cuanco el proceso finaliza se da el complete y se oculta nuevamente el div que contiene a la imagen

Espero te ayude
Saludos

Saludos

Estoy usando tu ejemplo pero no consigo ver como envia los datos por ajax y mientras se recibe la respuesta muestra el cargando...

Mi fichero formulario.php

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
$.ajax(
        {
            url:'procesa.php',
            type:'POST',
            //data:'id='+prod,
            data:'user=5',
            beforeSend:function(objeto){ 
                $('#carga').css({display:'block'});
            },
            complete:function(){$('#carga').css('display','none');}
        }
    );
</script>
</head>
<body>
<div id="formulario">
    <form method="post" action="procesa.php">
        <fieldset>
            <legend>Registrarse</legend>
            <div class="medidas">
                <label for="user">Usuario:</label>
                <input id="user" name="user">
            </div>
            <div class="medidas">
                <label for="pass">Contraseña:</label>
                <input type="password" id="pass" name="pass">
            </div>
            <div class="check">
                <input type="checkbox" id="remember" name="remember">
                <label for="recordar">Recordar mi nombre de usuario</label>
            </div>
        </fieldset>
        <div>
        <input type="submit" id="login" value="Ingresar">
        </div>
    </form>
</div>
<div id="carga" style="display:none">
    <img src="cargando.gif" />
</div>
</body>
</html>

procesa.php

Código PHP:

Ver original<?php
/* Recibe la respuesta del formulario
Hace lo tenga que hacer y devuelve una respuesta al formulario que puede ser 
Se ha creado una sesión.
*/
echo "ID RECIBIDO: ".$_POST['id'];
 
?>

Qué falta alfcm?

Muchas gracias