Formulario dentro de pagina

[riven]

Hola a todos

Tengo un formulario dentro de una pagina web, y deseo que cuando se le de la instruccion enviar, no cierre la pagina inicial sino que dentro del mismo formulario aparezca que ha sido enviado y limie el formulario.

Es posible hacer esto.


Saludos y de antemano muchas gracias.

[danico90]

Tienes que usar AJAX. Es la única forma de que no se refresque la página.

[beto_20]

te dejo un ejemplo que me sirvio mucho saludos

Código PHP:

  <form method="post" action="envio.php" id="fo3" name="fo3" >
      <fieldset>
        <legend>Perfil</legend>
        <ol>
            <li><label>Nombres:</label><input type="text" size="30" name="fnombres" /></li>
            <li><label>Apellidos:</label><input type="text" size="30" name="fapellidos" /></li>
            <li><label>Correo:</label><input type="text" size="30" name="fcorreo" /></li>
        </ol>
        <input type="submit"   name="mysubmit" value="Enviar" />
      </fieldset>
</div>
</form>
<div id="result"></div>  
   

Código PHP:

  <script language="javascript" src="jquery-1.3.min.js"></script>
<script language="javascript">
$(document).ready(function() {
   // Esta primera parte crea un loader no es necesaria
    $().ajaxStart(function() {
        $('#loading').show();
        $('#result').hide();
    }).ajaxStop(function() {
        $('#loading').hide();
        $('#result').fadeIn('slow');
    });
   // Interceptamos el evento submit
    $('#form, #fat, #fo3').submit(function() {
  // Enviamos el formulario usando AJAX
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            // Mostramos un mensaje con la respuesta de PHP
            success: function(data) {
                $('#result').html(data);
            }
        })        
        return false;
    }); 
})  
</script>