Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/11/2009, 22:58
Avatar de Carxl
Carxl
Colaborador
 
Fecha de Ingreso: agosto-2006
Ubicación: Bogotá
Mensajes: 2.993
Antigüedad: 18 años, 4 meses
Puntos: 70
No edita con AJAX en Jquery

Hola a todos...

Resulta que tengo un listado de usuario, muestra el nombre de usuario y email...

Cada registro tiene su respectivo "editar".

El problema sucede que cuando le doy "Enviar" ( en el sumit) a cualquier registro pues para editarlo envia el formulario pero sin AJAX!! Osea me recarga la página.

La confusión es que el adicionar lo hace perfectamente, uso el mismo código de Jquery para hacer la edición y no funciona, eso es lo que no me cuadra.

Les dejo los códigos:

Adicionar:

Código:
<script language="javascript">
$(document).ready(function(){
   $('#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);
        $('#readUsuario').load('uno.php #readUsuario');
        $('#formularioUsuario').load('uno.php #formularioUsuario');
            }
        })        
        return false;
    });
})
</script>
Código HTML:
<form method="post" action="addUsuario.php" id="fo3" name="fo3" >
      <fieldset>
        <legend>Agregar Usuario</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>
</form> 

El editar:

Código:
<script language="javascript">
$(document).ready(function(){
   $('#fo2').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);
        $('#readUsuario').load('uno.php #readUsuario');
        $('#formularioUsuario').load('uno.php #formularioUsuario');
            }
        })        
        return false;
    });
})
</script>
Código HTML:
<form method="post" action="editUsuario.php" id="fo2" name="fo2" >
    <input type="hidden" name="idUsuario" value="<?php echo $rSqlB['id_usuario']?>" />
      <fieldset>
        <legend>Editar Usuario</legend>
        <ol>
            <li><label>Nombres:</label><input type="text" size="30" name="fnombres" value="<?php echo $rSqlB['usuario_nombres']?>" /></li>
            <li><label>Apellidos:</label><input type="text" size="30" name="fapellidos" value="<?php echo $rSqlB['usuario_apellidos']?>" /></li>
            <li><label>Correo:</label><input type="text" size="30" name="fcorreo" value="<?php echo $rSqlB['usuario_correo']?>" /></li>
        </ol>
        <input type="submit" name="mysubmit" value="Enviar" />
      </fieldset>
</form> 
Disculpen lo extenso...

Gracias de antemano
__________________
Hay 10 tipos de personas, los que entienden binario y los que no. (Anónimo)
www.programandoweb.com