Tutorial PHP + jQuery – Submit Form con AJAX

Si han tenido la oportudidad de ver nuestros tutoriales anteriores se habrán podido dar cuenta que no hemos utilizado la etiqueta <form> en nuestros formularios, esto es simplemente para acortar un poco los videos pero nos deja la aplicacion inservible si el usuario deshabilita javascript en su navegador.

En este tutorial vamos a aprender a enviar un formulario con AJAX utilizando PHP y jQuery, y ademas vamos a hacer que funcione igualmente si el usuario tiene javascript desactivado.

Como siempre pueden visualizar el codigo fuente aqui o descargarlo aqui.

  • Hector

    tengo una pregunta duda… hise lo mismo usando un formulario y serialize y nada me pasa k no guarda en la base de datos osea creo k todo lo demas es lo mismo… no c donde podria estar el error… osea entra al archivo donde se haces la coneccion deje un mensaje incluso ahi de conformidad… pero la verda es k se ejecuta todo como debe pero nunga guarda… porfa si me ayudan en eso..

    • Hector

      mmmm algo…me equivoque… no hera en este tuto k me base, sino en el que se hace la insercion de datos asincronamente…. ^ ^!

  • Cristian

    hola me gustaria saber si hay un boton de descarga para descar el video y el proyecto para seguir tu trabajo que es muy interesante gracias saludos desde Lima

  • http://www.facebook.com/people/Gabriel-Lazcano/100001149925484 Gabriel Lazcano

    hola perdona mi ignorancia, pero es necesario que mi archivo index sea PHP, por que el mio es HTML

    • Danger Skiller

      Men no es necesario que los archivos sean php, de hecho podes tener los php embebidos en un html, en el ejemplo utilizan .php, para poder llamarlos desde un servidor de aplicaciones como xammp, o tomcat o glasfish, etc.

  • http://vicnero.com Victor Villanueva

    oh genial Ejemplo de como enviarlo una duda para validarlo
    siempre lo eh echo con php
    pero nunca eh intentado validarlo con javascript
    si pudieras darme un pequeño ejemplo perdon por molestar 

    • Anónimo

      Bueno te recomiendo que utilices alguno de los cientos de plugins de jQuery para validar formularios, este plugin de bassistance lo he usado y es bastante bueno. Saludos

  • http://pulse.yahoo.com/_5OPCKCSQELZZMSDWFABGJB3XCQ Osman

    Excelente demostracion de Ajax y Jquery, muy buen tutorial

  • http://pulse.yahoo.com/_5OPCKCSQELZZMSDWFABGJB3XCQ Osman

    Excelente demostracion de Ajax y Jquery, muy buen tutorial

  • julio Cesar

    Disculpa la molestia, probe este ejemplo en mi localhost y me manda este error(Warning: Unknown: failed to open stream: No such file or directory in Unknown on line 0)y este otro(Fatal error: Unknown: Failed opening required ‘C:/wamp/www/Tutorial PHP + jQuery – Submit Form con AJAX/index.php’ (include_path=’.;C:phppear’) in Unknown on line 0)SI SAVES DE ALGO QUE TENGA QUE HACER PARA CORREGIRLO POR FA. UVICAME POR DONDE LE MUEVO.

  • javiervd

    Los link para descargar el codigo estan en la descripcion del video.

  • Patricio

    Dejame un link con el código de fuente por favor

    Gracias, Saludos

  • Pedro

    Deja un link con el codigo fuente.

    Gracias

Últimos Tutoriales

Testimonios

JV Software did a fantastic job converting a static site to WordPress. Best contractor I've worked with.
- Regan Wilders, United States
JV Software was very professional during all parts of our project and very quick with responses.
- Rob W., Canada