Post Top Ad

Your Ad Spot

domingo, 4 de octubre de 2020

Paginación Ajax simple con jQuery y PHP

 Esta publicación lo ayudará a comprender cómo crear una paginación Ajax simple con jQuery y PHP.

La página web tarda mucho en cargar datos cuando hay un registro enorme en la base de datos. Para resolver este problema, usamos paginación o paginación AJAX.
La paginación AJAX ayuda a cargar el registro sin problemas.

La página web tarda mucho en cargar datos cuando hay un gran registro en la base de datos. Para resolver este problema, usamos la paginación para cargar el registro sin problemas.

En este tutorial, veremos la paginación AJAX con jQuery y PHP . El usuario puede ver el registro sin recargar la página.

También te puede gustar

Paginación simple con PHP y MySQL.

Pasos

  1. Crea un archivo de conexión de base de datos
  2. Escribir marcado para cargar y mostrar resultados
  3. Mostrar formato de paginación
  4. Mostrar resultados de paginación a través de AJAX
  5. Procesar resultados de paginación AJAX en PHP

Veamos cómo crear una paginación ajax.

Conexión de base de datos

<? php   
$ dbname = "prueba";
$ dbuser = "raíz";
$ dbpw = "";
$ dbhost = "localhost";
$ conn = mysqli_connect ($ dbhost, $ dbuser, $ dbpw, $ dbname); // Verifique la conexión
si (mysqli_connect_errno ()) {
echo "No se pudo conectar a MySQL:". mysqli_connect_error ();
}
?>

Escribir marcado para cargar y mostrar resultados

<div id = "contenido"> </div> 

Mostrar formato de paginación

<? php    
include_once 'config.php';
$ sql = mysqli_query ($ conn, "SELECT course_id FROM cursos");
$ total_records = mysqli_num_rows ($ sql);
$ límite = 10;
$ total_pages = ceil ($ total_records / $ límite);

// iniciar la paginación
$ PaginationLinks = "<ul class = 'pagination'>";

for ($ i = 1; $ i <= $ total_pages; $ i ++) {
$ PaginationLinks. = "<li> <a href = '". $ _ SERVER [' PHP_SELF ']. "? page =". $ i. "'class =' ​​link 'onclick =' getResults (". $ i. ") '>". $ i. "</a> </li>";
}

$ PaginationLinks. = "</ul>";

// finaliza la paginación // muestra la paginación
echo $ PaginationLinks;
?>

Mostrar resultados de paginación a través de AJAX

Primero incluye la biblioteca jQuery

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> 
 
<script> 
$ (documento) .ready (function () {
$ (". link"). click (function (e) {
e.preventDefault ();
});
});

function getResults (página) {
$ .ajax ({
tipo: "OBTENER",
url: "resultado.php",
datos: {página: página},
caché: falso,
éxito: función (html) {
$ ("# contenido" ) .html (html);
}
});
}

// carga predeterminada del contenido de la página de inicio
getResults (1);
</script>

Procesar resultados de paginación AJAX en PHP

<? php   
include_once 'config.php';
$ límite = 10;
$ página = isset ($ _ GET ['página'])? $ _GET ['página']: 1;
$ start_from = ($ página-1) * $ límite;
$ sql = mysqli_query ($ conn, "SELECT * FROM cursos LIMIT $ start_from, $ limit");
?>

<table class = "table table-
bordered table-striped"> <thead>
<tr><th>ID</th><th>Name</th> </tr>
<thead>
<tbody>
<? php while ($ fila = mysqli_fetch_array ($ sql)) {
?>
<tr>
<td> <? php echo $ fila ["course_id"]; ?> </td>
<td> < ? php echo $ row ["course_name"];
?> </td> </tr>
<? php}?>
</tbody>
</table>

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas