Búsqueda simple por rangos de fechas usando PHP y Ajax

En este tutorial trataremos de crear una función de búsqueda basada en  rangos de dos fechas usando Ajax.  Mediante el uso de Ajax nos comunicaremos del lado del cliente con el servidor sin la necesidad de una actualización completa de la página. Al usar ajax, permites que tu sitio web sea más interactivo para el usuario. La mayor parte de la función en Facebook usa ajax, por eso es muy cómodo de usarlo.  Ahora que he hecho una breve introducción sobre ajax, comencemos a codificar.

Búsqueda simple por rangos de fechas usando PHP y Ajax

Creando la base de datos
Para crear una base de datos solo necesitamos un gestor de base de datos como phpMyAdmin, para  poder crear una nueva base de datos para trabajar (wamp, xamp, etc.). Después de abrir tu servidor web, crea una base de datos y asígnale el nombre “db_search”. A continuación, haz clic en la pestaña SQL y copia/pega el código siguiente para  ejecutar la consulta sql

Conectando a la base de datos

Para crear el archivo que se encargara de establecer la conexión con nuestra base de datos, basta con crear un archivo “conexion.php”, el código es mostrado a continuación.

Crear el formulario
Para crear nuestro formulario de búsqueda por rangos de fecha he creado un archivo llamado “index.php”, dicho archivo se encarga de enlazar a los archivos css y js de la aplicación.

Crear una consulta de respuesta ajax
Crearemos una consulta que devolverá la solicitud de una realizada mediante ajax desde el servidor para poder mostrar elos resultados de una búsqueda en la base de datos mysql. Para hacer eso copia & pega el código dado a continuación, asígnale el nombre “ajax_data.php”.

Creando el script ajax
Ahora crearemos el archivo ajax que hace que la aplicación simple funcione completamente. Al agregar el script ajax, hará que la aplicación sea más interactiva para el usuario, ya que previene que la página web se actualice. Para hacer eso copia & pega el código dado a continuación y asígnale el nombre “ajax.js”

Ahí lo tienes, creamos una búsqueda simple por rango de fechas usando PHP y Ajax. Espero que aprendas algo en este tutorial. Te invito a que descargues todos los archivos fuentes de este tutorial en enlace siguiente

DESCARGAR ARCHIVOS