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>
Gracias de antemano