Paginación PHP con Ajax: Descargas y Ejemplos. En este ejemplo aprenderemos a crear y poner en funcionamiento. Sin embargo, para esta paginación contaremos con los lenguajes jQuery, php, MySql.
La descarga estará al final de la página. En este pequeño ejemplo haremos uso de la clase PDO de php para establecer nuestra conexión a la base de datos MySQL. También, usaremos HTML, Json, PHP, CSS para optimizar nuestro trabajo final.
Vamos a explicar un poco del uso del Jquery para nuestras páginas o proyectos web, si bien, tener una página optimizada es recomendable, sin embargo, el uso de esta herramienta como es el caso de Jquery que valga la redundancia trabaja al lado del navegador, esto quiere decir que no se validara en el servidor ahorrándonos la petición exagerada del servidor web.
Produciendo como resultado una página amigable y trabajando más rápido, sin el colapso del mismo, y así evitando el consumo de CPU.
Paginación PHP con Ajax: Descargas y Ejemplos
A continuación mostraremos una imagen del resultado de nuestro paginado terminado.
Paginación PHP con Ajax facil y rapido.
Paso #01 Crear la base de datos y la tabla.
- Primeramente tenemos que manejar estilos para nuestro proyecto.
- Crear la base de datos y su respectiva tabla para vincularlo a nuestro paginado PHP Ajax.
- Crear nuestros archivos php y ajax.
Al final del post les dejare para que puedan descargar los archivos.
Aquí les mostrare la tabla de la base de datos a utilizar en nuestro ejercicio.
CREATE TABLE IF NOT EXISTS `posts` ( `id` int(11) NOT NULL auto_increment, `titulo` varchar(100) collate utf8_spanish_ci NOT NULL, `autor` varchar(100) collate utf8_spanish_ci NOT NULL, `cuerpo` text collate utf8_spanish_ci NOT NULL, `categoria` varchar(100) collate utf8_spanish_ci NOT NULL, `fecha` datetime NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci AUTO_INCREMENT=1 ;
Paso #02 Crear archivos HTML y PHP.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Paginación php y ajax</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="ajax.js"></script>
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/foundation.min.css">
</head>
<body>
<div class="content">
<div class="row">
<h2>Paginación php ajax</h2>
<!--cargamos los posts-->
<div class="paginacion"></div>
<!--cargamos los links-->
<div class="links"></div>
</div>
</div>
</body>
</html>Bueno, aqui les dejo la utilidad para que lo descarguen y lo implementen en sus proyectos.
[divider]
[divider]