Portada » Lenguaje PHP » Paginación PHP con Ajax: Descargas y Ejemplos

Paginación PHP con Ajax: Descargas y Ejemplos

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.

Paginacion PHP y Ajax
Paginacion PHP y Ajax

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.

Paginación PHP con Ajax
Paginación PHP con Ajax

Fuente

Paginacion en nuestra web

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en una estrella para puntuarlo!

Promedio de puntuación 5 / 5. Recuento de votos: 2

Hasta ahora, ¡no hay votos!. Sé el primero en puntuar este contenido.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio
Esta web utiliza cookies propias para su correcto funcionamiento. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos.
Privacidad