Header Ads Widget

Ticker

6/recent/ticker-posts

Paginación Avanzada Ajax PHP, MySQL Usando JQuery

 Este tutorial ayuda a mostrar la paginación Ajax usando PHP, MySQL y jQuery . La paginación Ajax es muy útil para mostrar un conjunto de datos sin actualizar la página. En AJAX, la solicitud se realizará de manera asíncrona para que la solicitud web funcione en paralelo con otra solicitud.

En el artículo anterior, aprendió la paginación Ajax con PHP jQuery , pero aquí estoy creando paginación Ajax avanzada con el complemento jquery simplePagination .

simplePagination.jsEl complemento es útil para mostrar la paginación en un conjunto de datos grande. También puede crear paginación sin ajax usando el complemento jquery simplePagination. La paginación simple es un complemento de paginación jQuery simple, que admite temas CSS3 y Bootstrap. Puede descargar desde el complemento de paginación simple .

Crearemos paginación ajax con php y MySQL. Hay los siguientes pasos necesarios para crear paginación ajax con PHP y MySQL.


Hay Los Siguientes Archivos Y Carpetas Que Participarán En Este Tutorial De Paginación Ajax

  • db.php : Úselo para crear conexión con MySQL
  • index.php : Úselo para mostrar la lista de registros usando php
  • pagination.php : Úselo para buscar registros de la base de datos y enviarlos a la página de listado.
  • dist : esta carpeta se usa para guardar simplePagination.jsarchivos de complementos.


Paginación Dinámica En PHP Y MySQL

Paso 1: Incluyamos todos los archivos js y css en la sección principal del index.htmlarchivo.

Paso 2: creó el archivo de conexión db.phpy péguelo a continuación para crear una conexión de base de datos con mysql usando PHP.

Paso 3: Se creó la lista de tablas HTML y el enlace de paginación.

Aquí, hemos creado una lista de tablas HTML en blanco, también agregamos registros por primera vez usando el onInitmétodo.

Paso 4: Llame a métodos de paginación simples en el contenedor de paginación.

Aquí, estamos llamando al onInitmétodo para completar los registros de la primera vez en la tabla cuando se cargó la página, la próxima vez, estamos llamando al onPageClickmétodo y renderizar filas de datos en la tbodytabla.

Paso 5: El pagination.phparchivo se utiliza para recuperar registros de la base de datos y enlazar try devolver html al método de paginación ajax.

Puede descargar el código fuente y la demostración desde el siguiente enlace.

Publicar un comentario

0 Comentarios