AJAX, PHP, MySQL - Consulta de

registros
Realizaremos un sencillo ejemplo de como recuperar registros de una tabla con AJAX.

Este ejemplo lo he probado en IE, Firefox, Opera y Netscape sin darme errores.

Es un ejemplo sencillo si estamos familiarizados con PHP y MySQL.Aún así dare algunas

explicaciones generales sobre el código.

Creacion de la tabla
Entonces empezemos creando un tabla pequeña llamada empleados, no tendrá mas que 5

campos: idempleado, nombres, departamento y sueldo; además insertaremos algunos datos.

Creamos las funciones en javascript

Ahora escribiremos 2 funciones, en la primera ( objetoAjax ) tiene como objetivo elegir el

objetoXMLHttpRequest dependiendo del navegador, y la segunda función

( MostrarConsulta(parametro)) tendrá como objetivo pedir los datos y mostrarlos en una

capa (<div>) que especificaremos. Estas funciones lo podemos incluir en un archivo

javascript (.js) al cual llamaremos ajax.js

1
Pedir los datos con PHP
En esta parte escribiremos un script en PHP para realizar una consulta de todos los registros

de la tabla empleados en la base de datos.

Formulario de consulta
Finalmente creamos un archivo html que contendrá un Form y un Button el cual realizará

la consulta.

2
En resumen
Para consultar los datos de una tabla hemos realizado lo siguiente:

 Una función para crear el objeto XMLHttpRequest dependiendo del navegador.

 Una función que realizará la petición de datos e indicará donde se mostrarán estos.

 Una script en PHP que consulta los datos y los muestra.

 Y finalmente el formulario de consulta.

AJAX, PHP, MySQL - Registro de

datos
En esta oportunidad crearemos un aplicación web que nos permita insertar datos en la

tabla empleados que usamos anteriormente. Bueno como siempre dijo: "pocas palabras,

mas acción".
Funciones en JavaScript
Bien, como ya tenemos la tabla empezaremos por definir las funciones en javascript,

definiremos 3 funciones en un archivo llamadoajax.js:

 objetoAjax( ): Nos creara la instancia del objeto XMLHttpRequest dependiendo del
navegador. Siempre haremos uso de ésta función.
 GrabarEmpleado( ): Esta función enviará mediante el método POST los datos al
archivoregistro.php que realizará la inserción a la base de datos.
 LimpiarCampos( ): Pues fácil limpiará los inputs después de enviar los datos, como
para crear un efecto de que se han enviado datos.

3
Grabar los datos
Aquí crearemos un script PHP, al cual llamaremos registro.php que realizará tres funciones importantes:
 Conectarnos con la base de datos,

4
 Realizar la inserción de los datos a la tabla empleados, y
 Mediante un include llamar al archivo consulta.php que mostrará los registros incluyendo el nuevo ingresado.

A continuación mostramos el código de estos dos archivos: registro.php y consulta.php

5
Formulario Registro de Empleado
Finalmente crearemos el formulario de registro del empleado. Llamaremos a este archivoempleados_registro.php. Sera .php pues haremos uso de un

include para llamar al archivo consulta.php que mostrará todos los registros de la tabla empleado.