Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/03/2013, 13:48
joselegolas
 
Fecha de Ingreso: marzo-2013
Mensajes: 83
Antigüedad: 11 años, 8 meses
Puntos: 0
Actualizar formulario sin recargar página

Buenas tardes, llevo dos días atrancado en algo que debe ser tan sencillo que no logro encontrarlo por internet por más vueltas que le he dado.

En un PHP tengo un Div "id=buscar_perfil" con un formulario muy básico:
- Un combobox con nombres (todos tienen un value distinto)
- Un botón Submit.

El botón submit lo intercepto y llamo a un php que me hace una consulta a una base de datos y a continuación crea un formulario con los datos extraídos de la consulta.

Código:
<script language="javascript">
$(document).ready(function() {
    // Interceptamos el evento submit
    $('#buscar_perfil').submit(function() {
  // Enviamos el formulario usando AJAX
        $.ajax({
            type: 'POST',
            url: $(this).attr('buscarPerfil.php'),
            data: $(this).serialize(),
            // Mostramos un mensaje con la respuesta de PHP
            success: function(data) {
                $('#mostrar_usuario').html(data); 
            } 
        })        
        return false;
    }); 
})  
</script>
Hasta aquí creo que todo va bien, el caso es que ahora quiero que

1ª Opción: el formulario me lo traiga de vuelta a la página desde la que intercepté el submit para que me lo muestre --> no se hacerlo.
2ª Opción: el formulario que esté en la página principal y cuando ajax devuelva como resultado las variables de la consulta a la base de datos, rellene el formulario --> no se hacerlo.

Soy novato, pero desde hace mes y medio, es la primera cosa que no consigo aprender buscando por la web, por lo que os agradezco mucho a las personas que me ayuden.