Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/09/2011, 08:16
spirron589
 
Fecha de Ingreso: agosto-2011
Ubicación: Venezuela
Mensajes: 108
Antigüedad: 13 años, 4 meses
Puntos: 5
problema con formulario

Hola yo hago una consulta a mi bd...y en el while de php donde rescato los datos de mysql creo un form...la cosa es que el id del form siempre es el mismo...y entonces el codigo jquery que tengo que envia los datos sin recargar la pag no los envia....no se que le debo hacer tanto al formulario como al codigo jquery...anexo los codigos para quien me pueda ayudar gracias :D

Código PHP:
echo "<form method='post' action='procesar.php' id='formulario' 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>"



ahora el cdigo jquery que utilizo version 1.5.1


Código Javascript:
Ver original
  1. <script language="javascript">
  2. $(document).ready(function() {
  3.    // Esta primera parte crea un loader no es necesaria
  4.     $().ajaxStart(function() {
  5.         $('#loading').show();
  6.         $('#result').hide();
  7.     }).ajaxStop(function() {
  8.         $('#loading').hide();
  9.         $('#result').fadeIn('slow');
  10.     });
  11.    // Interceptamos el evento submit
  12.     $('#formulario').submit(function() {
  13.   // Enviamos el formulario usando AJAX
  14.         $.ajax({
  15.             type: 'POST',
  16.             url: $(this).attr('action'),
  17.             data: $(this).serialize(),
  18.             // Mostramos un mensaje con la respuesta de PHP
  19.             success: function(data) {
  20.                 $('#result').html(data);
  21.             }
  22.         })        
  23.         return false;
  24.     });
  25. })  
  26. </script>

gracias por la ayuda