Top Ad unit 728 × 90

Recientes

recent

Formulario dinámico de registros en PHP y Mysql con Jquery Ajax

Si queremos desarrollar una interfaz web intuitiva al usuario final podemos utilizar Jquery con Ajax y PHP, principalmente para la administración de información por medio de formularios HTML.
En este artículo publicaremos un ejemplo de cómo realizar consultas e interactuar con una base de datos Mysql de tal manera que llenaremos de manera dinámica un formulario Html, PHP con datos en formato Json utilizando además Jquery Ajax.

Puedes descargar el código fuente completo y la base de datos del ejemplo desde:


Características
  • Este script Utiliza la tecnología AJAX que nos permite realizar acciones en una página web que necesiten respuesta del servidor sin recargarla.
  • Utilizamos la Librería Jquery.
  • La base de datos está implementada en Mysql.
  • El lenguaje de programación del lado del servidor es PHP.
  • Utilizamos boostraps, que es un framework desarrollado por Twitter para crear interfaces y diseños web responsive basados en HTML5 y CSS3.
Funcionalidades

Se muestra un listado de todos los registros de la tabla Usuario.
La columna estado de los usuarios aparece con un estilo css dependiendo si está activo o suspendido.

Se tiene un botón para poder visualizar un formulario en blanco e ingresar un nuevo registro.


Al costado de cada registro se tienen dos Botones para poder editar y/o eliminar un registro.



Conclusión
Desarrollar un Formulario dinámico jQuery con AJAX y PHP es una tarea compleja y requiere mucho tiempo cuando por ejemplo se desea dar mantenimiento a tablas que tienen bastantes campos, pero si lo que deseamos es desarrollar una interfaz amigable y mejorar la experiencia del usuario final, es muy recomendable utilizarlos.


Saludos Imperio, Un abrazo a la distancia!!!
Formulario dinámico de registros en PHP y Mysql con Jquery Ajax Reviewed by Juan Carlos Arcila Díaz on 10:01 Rating: 5

17 comentarios:

  1. De pelos este ejemplo. Supero Ojala fuera mas detallado.
    Muchas gracias.

    ResponderEliminar
    Respuestas
    1. Bunos dias disculpe no e podido descargar el ejemplo seria tan amable de enviarmelo por correo cherry_unerg@hotmail.com

      Eliminar
  2. hola, el servidor de descarga esta fallando, podrias subirlo en otro lado por favor!

    ResponderEliminar
  3. hola podrias pasar el codigo mi correo es eliseomauzr5@gmail.com

    ResponderEliminar
  4. hola podrias pasar el codigo por favor

    ResponderEliminar
  5. podrías mandar el código por correo a: jcmc09@gmail.com

    ResponderEliminar
  6. Hola podrías mandarme el código a mi correo: uno.nayeli.com@gmail.com por favor te lo agradecería muchisisimo

    ResponderEliminar
  7. Excelente!!! Muchas gracias!
    Era justo lo que andaba buscando ^^

    ResponderEliminar
    Respuestas
    1. oyes podrias compartirme el codigo por favor mi correo es aguilarlidia2@gmail.com

      Eliminar
  8. hola podrian pasarme el codigo mi correo es aguilarlidia@gmail.com se los agradeceria bastante no puede descargarlo yo:(

    ResponderEliminar
    Respuestas
    1. Puede descargarlo desde: http://depositfiles.org/files/eh20xxyof

      Eliminar
  9. Esta Orientado a Objetos mi buen , juan carlos!!!

    ResponderEliminar
  10. Gracias por el codigo

    ResponderEliminar
  11. Juan buenos dias,
    me interesa ver tu video completo, me gusta mas aprender haciéndolo y ver mis errores, el codigo no me gusta descargar, podrias decirme el video donde bajarlo?

    ResponderEliminar
  12. Hola Estimado Juan Carlos me interesa mucho revisar tu código me lo podrías pasar para revisarlo y probarlo o me podrías pasar un un link para poder descargarlo y a que el ultimo link que colocas ya no funciona?

    ResponderEliminar
    Respuestas
    1. Pruebe este nuevo link http://depositfiles.org/files/eh20xxyof

      Eliminar

All Rights Reserved by www.IncanatoIT.com - Desarrollando Software © 2014 - 2015
Powered By Blogger, Designed by Sweetheme

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

IncanatoIt.com. Con la tecnología de Blogger.