viernes, 20 de abril de 2012

Tutorial: Ajax pagination Codeigniter // Paginación con Ajax en CodeIgniter

Hey Hola, como les va a todos, antes que nada vamos a ver el resultado final, o almenos lo que esperamos obtener al final de este articulo.

Photobucket

Como podemos apreciar, los nuevos resultados son anexados de forma asíncrona usando ajax. pretty cool x). Bueno a primera vista solo podríamos decir eso, pero si somos mas cuidadosos podemos ver una pequeña animación la cual nos indica que la consulta para los nuevos registros esta siendo procesada, ademas, el enlace de More Results es des habilitado para prevenir el caso que un usuario impaciente pueda realizar nuevamente click en el enlace si aun haberse completado totalmente la consulta anterior, nuevamente, pretty cool x). y por ultimo, cuando ya no quedan mas registros por ser retornados desde la base de datos, notificamos al usuario que no hay mas registros para mostrar.

Para lograr lo anteriormente explicado vamos a utilizar: Libreria Javascript JQuery para realizar las llamadas ajax a la base de datos. como gestor de base de datos... bueno eso es indiferente, pero como yo uso XAMPP vamos a trabajar con MySql y PhpMyAdmin. y para manejar las vistas y el acceso a la base de datos (osea el MVC) el Framework Codeigniter. creo que no se me olvida nada... bueno, y un poco de CSS.