En un post anterior expliqué como actualizar un elemento de la página sin recargar pero ahora voy a explicar como enviar un formulario para que este nos muestre la respuesta de PHP sin necesidad de recargar la página o redirigir a otra página.
Creando el formulario
Como verás a continuación el formulario no tiene nada de especial, es igual que cualquier otro, además he creado un div con el id «result» que es donde mostraremos el resultado de lo que enviemos.
[cc lang=»html»]
[/cc]
Implementando AJAX
Ahora viene la parte novedosa del script voy a hacer que jquery intercepte el evento submit y envie el formulario sin recargar la página.
[cc lang=»javascript»]
[/cc]
Puedes descargar los archivos del ejemplo dándole like o tweet al post y verás el link de descarga
[social-download button_id=»0dd1a843eab8616fe» dl_id=»https://www.miguelmanchego.com/wp-content/uploads/2009/01/jquery-form.zip» theme=»blue» message=»Share this page to start your download now!» facebook=»true» likeurl=»CURRENT» google=»true» googleurl=»CURRENT» tweet=»true» tweettext=»» tweeturl=»CURRENT» follow=»true» linkedin=»true» linkedinurl=»CURRENT»/]
