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.



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.

How to: Create Login with Ajax and CodeIgniter // Crear Login con Ajax y CodeIgniter

Bueno, hola otra vez :D. Últimamente debido a mis pequeños momentos de ocio que he podido tener en el trabajo, me he dedicado a aprender un poco más (nunca esta de mas conocer un poco acerca de las tecnologías actuales :) ) acerca de programación web con PHP 5 y el framework CodeIgniter (version 2.1.0).

Haciendo un poco de lectura en la documentación oficial del framework he decidido llevar a la practica lo que ahí se expone, claro esta, incluyendo una que otra funcionalidad con la libraría de javascript JQuery (usando esta para las llamadas ajax a los controladores [llamadas a bases de datos y demás cosas]).

En este punto doy por entendido que ya tienes Apache, PHP y MySQL instalado, configurado y el Framework CodeIgniter configurado con la base de datos que vamos a usar, de no ser así leer la documentación oficial.
En la base de datos debemos tener una tabla llamada user/usuario/persona/ o como querrás llamarla, eso es irrelevante (en mi caso user), acá una imagen de la estructura:

Ahora crearemos.

• una vista; la cual llamaremos userLogin.php y esta estara situada en application/views
• un Controlador; UserController.php y lo guardamos en application/controllers
• y por ultimo un modelo; UserModel.php, application/models

 Creamos en la raíz del proyecto dos carpetas. llamadas

• css. acá guardaremos (obviamente) las hojas de estilo y las imágenes del sistema
• js. carpeta que almacenará la libreria de jquery y jquery-ui.min, entre otros scripts que deseemos crear.

Bueno una vez ya definido la estructura del sistema, ahora definiremos la lógica bajo la cual programaremos el Login.
Por el momento los campos que nos interesan de la tabla user con : password, nickname, email. mediante estos se validara al usuario.
Las llamadas a la base de datos serán de modo asíncronas  lo cual nos va a permitir consultar la base de datos sin necesidad de refrescar el sitio entero.
Empecemos entonces creando el Modelo:

validar campos con javascript... 2do metodo

Bueno, si han seguido un poco el progreso del blog, anteriormente publique una entrada para validar campos con javascript, en dicho ejemplo teniamos que crear una funcion para validar cada caja de texto, y eso en lo personal no me gustó, pero bueno hoy les traigo un codigo javascript con el cual una sola funcion puede validar todos los campos que queramos sean solamente string. bueno aca el codigo:

Validar campos con javascript en xhtml

bueno, lo prometido es deuda, y empezaremos con una breve introduccion a javascript.
Javascript es un lenguaje de programacion tipo script que se ejecuta del lado del cliente, osea en mi navegador. 
con javascript a diferencia de la mayoria de los lenguajes de programacion, las variables no necesitan indicarle que tipo de valor contendran. asi esta toma el valor (string, integer, double) segun sea la asignacion a la misma.

bueno para aquellos que poseen alguna nocion de algun lenguaje de programacion, javascript les resultara bastante facil, y para los que no han programado antes... tambien les resultara facil :D.

Validar Campos es importantisimo a la hora de crear aplicaciones que se conecten a bases de datos, para evitar que esta se llene de informacion incorrecta, lo que veremos ahora es como evitar que en un campo de texto (nombre por ejemplo) se introduzan numero, o que algun campo obligatorio(password podria ser) quede vacio, y muestre una alerta al usuario indicando el mensaje.