Header Ads Widget

Ticker

6/recent/ticker-posts

Paginación De Desplazamiento Infinito Usando Codeigniter Jquery Y Ajax

 En este tutorial, aprenderemos cómo crear paginación de desplazamiento infinito usando Codeigniter jquery y ajax. que hemos visto en Facebook, Twitter u otros sitios web sobre ese contenido cargado automáticamente al desplazarse hacia abajo a la página web.

Por lo tanto, puede seguir los pasos a continuación y ver nuestro ejemplo de paginación de desplazamiento del mouse en Codeigniter.

Visión general

Crear una base de datos y una tabla

Conectarse a la base de datos

Obtenga los datos límite

Obtén los datos infinitos

Crear una base de datos y una tabla

En primer lugar, crearemos una base de datos y una tabla. después, agregaremos datos ficticios en la tabla. aquí tomamos la tabla de productos y también agregamos datos relacionados con los productos en la tabla de productos. para que pueda ver el siguiente código.

Conectarse a la base de datos

Aquí, en este paso, abriremos el archivo database.php en el directorio de configuración y algunos cambios en este archivo como el nombre de host, el nombre de usuario de la base de datos, la contraseña de la base de datos y el nombre de la base de datos.

Obtenga los datos límite

Aquí, en este paso, tenemos que necesitar datos limitados para mostrar datos. por lo que mostramos 10 datos por fila. para eso, tomaremos una variable constante para que podamos mostrar 10 datos por filas. ahora aquí tomaremos dos campos de entrada ocultos para la posición actual de la fila y el número total de filas

Para que pueda ver nuestro código de método de índice por primera vez obtener registros de filas.

Obtén los datos infinitos

Aquí, en este paso, hemos utilizado algunas funciones. puedes verlo.

$ (ventana) .scrollTop () cuando se desplaza, devolverá la posición vertical actual.

La función $ (document) .height () devuelve la altura del documento.

La función $ (window) .height () devuelve el valor de píxel de la altura de la ventana (del navegador).

Cuando nos desplazamos hacia abajo, si la posición actual y la posición inferior son iguales, se pasarán los datos de la siguiente fila actual usando ajax y se llamará al método de paginación. después, será útil para obtener datos de límite en la consulta.

 

para que pueda ver nuestro código completo.

vistas / product.php

controladores / Welcome.php

modelos / Product_model.php

Hemos sugerido que si aún no ha leído nuestro artículo relacionado con el artículo, puede leer nuestro artículo relacionado. Cómo crear paginación con PHP y MySql.

Publicar un comentario

0 Comentarios