Mostrar edición de formulario sin recargar la página

[juandedios]

Saludos, tengo un formulario, este formulario muestra datos de la base de datos si es que hay y tiene un botón que actualiza los datos si hago cambios en los campos, la cosa es que para que actualice y muestre los nuevos datos en los campos de formulario tiene que recargar la página.

Lo que yo quisiera que sucediera es:

Que aparezcan los datos en el formulario (hecho).
Que al dar clic en el botón actualizar aparezca un div transparente encima del formulario con algún icono que indique que está procesando.
Y que aparezcan los nuevos datos en los campos del formulario sin que tenga que recargar la página.

Obviamente no quiero que me lo hagan, pero si me pueden dar un alcance de como hacerlo con algún ejemplo lo agradecería mucho.

Espero que me puedan ayudar.

Gracias.

[Alexis88]

Definitivamente necesitas usar Ajax. El proceso sería simple; envías una petición asíncrona al servidor con los datos modificados del formulario, mientras no tengas la respuesta final, muestras la imagen de espera y cuando se complete el proceso, los datos ya deberán haberse guardado. Para comprobar esto último, podrías mostrar un mensaje indicándole al usuario que los datos efectivamente se actualizaron.

Busca ejemplo de actualización de datos mediante Ajax y PHP, hay muchos por ahí.

Saludos