En este post, veremos como procesar un formulario utilizando Ajax y PHP, para esto haremos uso de la libreria XAJAX que nos permite implementar ajax en aplicacaciones php de manera sencilla. La libreria XAJAX la puedes dercargar desde su pagina: xajaxproject
Lo primero que haremos es crear el formulario HTML, lo colocaremos dentro de un div, este div es la unica parte de la pagina que se va a recargar a la hora de procesar nuestro formulario, es importante que le coloquemos el atributo id debido a que mediante este atributo haremos referencia al div que contiene el formulario, en este caso el atributo id del div que contiene el formulario es formDiv
Codigo HTML del formulario:
<div id="formDiv">
<form method="post" action="javascript:void(null)" id="formUsuario">
<div>Nombre:</div><div><input type="text" name="nombre" /></div>
<div>Apellidos:</div><div><input type="text" name="apellidos" /></div>
<div>Direccion:</div><div><input type="text" name="direccion" /></div>
<div><input id="enviar" type="submit" value="Enviar" onclick = "xajax_procesaForm(xajax.getFormValues('formUsuario'));"/>
</div>
</form>
</div>
En el evento onclick del submit vamos a escribir la funcion que se encarga de obtener los datos del formulario, Read the rest of this entry »