Paginación con PHP, Mysql, jQuery, Ajax y Bootstrap

paises

En esta ocasión quiero mostrarles cómo hacer una paginación de resultados usando PHP y como gestor de bases de datos Mysql, además usaremos el framework Bootstrap para la maquetación del CSS y jQuery para hacer una llamada AJAX.

Paso 1: Crear nuestro archivo index.php

 

Paso 2: Crear el archivo llamado paises_ajax.php, el cual es llamado via AJAX desde el archivo index.php que creamos anteriormente.

 

Paso 3: Importar la tabla countries.sql. Para que la consulta funcione es necesario realizar la importación de la tabla. Dentro de phpMyAdmin seleccionamos la base de datos a la que importaremos los datos, luego nos dirigimos a la pestaña “importar” seleccionaremos nuestros archivo y finalmente click en el botón continuar para realizar la importación.

  • Pingback: Cargar información dinámica en ventana modal Bootstrap()

  • Miguel Alejandro

    amigo lo unico ue no me queda claro es el archivo pagination.php, ojala pudieras explicarlo un poco

  • Obed

    Hola Miguel, el archivo pagination.php contiene la función
    encargada de realizar la paginación, la
    cual recibe 4 parámetros ($reload, $page, $tpages, $adjacents) $reload= página donde se cargara el archivo, $page=
    es la página donde iniciara la paginación ejemplo: 1, $tpages=es el número
    total de páginas para la paginación y $adjacents= espacio adyacente entre las páginas

  • Laura Castro

    ¿Cómo hago esto dentro de un Modal? Siempre me saca.

  • Laura Castro

    Bueno, lo saqué del modal para mejorar su uso pero no puedo implementarle clases…

  • Enrique Veliz

    esta interesante, yo soy casi nuevo en esto y en el instituto me pidieron algo similar, pero pero el listado sea en base a un parámetro por ejemplo una lista de clientes y el filtro sera localidad. Así cuando seleccione una localidad y le de click en el botón procesar me debe mostrar todos los clientes de dicha localidad. Como haría para hacer que funciones mediante un filtro. Gracias.

    • Obed

      Entiendo, lo que necesitas es hacer una consulta a la base de datos con distintos criterios de búsqueda para la paginación. Te recomiendo que veas el siguiente articulo, te aseguro que te ayudará: http://obedalvarado.pw/simple-invoice/

  • Gabriel E Caraballo M

    Buenas, quisiera saber como agregarle un sistema de búsquedas (criterios mediante base de datos). Excelente aporte y bien sencillo.

  • Anderson Martinez

    Buen día muy interesante y muy practico, pero no están los documentos para descargar. O por lo menos el demo para ver el funcionamiento

  • Miguel Martinez Juan

    Felicitaciones por tu trabajo, me gusta mucho tu forma de programar. Tengo una pregunta : como puedo conseguir que al hacer una modificacion de un registro luego recargue la página en la que se mostraba el registro y no la pagina 1 que es la que recarga siempre despues de una modificacion ??.
    Gracias.

  • Alejandra Betancour

    Gracias al cuadrado, había tratado de implementar varias paginaciones de otros sitios y por fin la que usted explica me funciona tal cual deseaba y sin ningún error.

    • Obed

      Hola Alejandra, que me alegra que te haya funcionado correctamente.

      Gracias por leerme!

  • Luis Saravia

    Cual es el include ‘pagination.php’

    • Obed

      Hola Luis, tienes toda la razón el código fuente del archivo pagination.php, no se ha incluido en este tutotial, pero si lo incluye el archivo que es descargable desde este sitio web.

  • Luis Saravia

    Gracias por tu aporte

  • http://www.beeg.com Angel

    Para descargar el pagination.php donde es?

  • Luis Genaro Perez Gonzalez

    buenos días
    Cómo bajar el archivo “paginacion.php” de este ejemplo?
    Saludos,

  • El Pueblo

    Excelente material muy buen aporte Agradecido.

  • Adrian Andres Landazuri Rivas

    No encuentro el archivo paginacion.php

    • Obed

      Te envito a que descargues todos los archivos, disponibles en enlace de descarga

  • Juanjo Alcocer

    Hola, disculpa tienes algún ejemplo para manipular las filas en base a una condición desde el modal agregar cambiar el color de la fila completa.

  • Lucas Miharu

    Excelente aporte, me sirvio, ahora tengo una consulta/problema, quiero tener 2 paginaciones distintas de datos distintos en la misma pagina, lo único que logro es que solo cargue la 2da, y que la primera quede cargando infinitamente con el gif y nunca realiza la carga, te has topado con esto ? Aguardo tus comentarios, Gracias!
    pd: ya intente cambiarle el nombre a toda la 2da paginacion, pero no tuve exito, por lo que tengo entendido el problema lo tengo en el index.php de la 2da paginacion
    Gracias!