Si desemos paginar los resultados de una consulta, podemos hacerlo con PHP y quedar\u00eda excelente, pero sin embargo, si queremos que al momento de pasar de una p\u00e1gina a otra no recarge toda la p\u00e1gina sino solo el contenido que nos interesa. Para ello podemos hacer uso de AJAX.<\/p>\n
Por ejemplo, nuestra tabla de art\u00edculos tiene m\u00e1s de 200 registros, cargar esos 200 art\u00edculos en una p\u00e1gina web tomar\u00eda su tiempo. As\u00ed que es mejor si los mostramos por p\u00e1ginas o bloques de 10 registros (por ejemplo) , y colocamos el n\u00famero de p\u00e1ginas en forma de enlaces para navegar por los todas las p\u00e1ginas. En el caso del ejemplo, ser\u00eda algo de 20 p\u00e1ginas (200\/10).<\/p>\n
Para realizar todo lo mencionado vamos a hacer uso del lenguaje PHP, MySQL como gestor de Base de Datos y AJAX.<\/p>\n
Deberemos crear y configurar un archivo para conectar con la base de datos que llamaremos \u00abconexion.php\u00bb y contendr\u00e1 lo siguiente:<\/p>\n
<?php\r\n\/\/Configuracion de la conexion a base de datos\r\n$bd_host = \"servidor\";\r\n$bd_usuario = \"usuario\";\r\n$bd_password = \"contrase\u00f1a\";\r\n$bd_base = \"mibasededatos\";\r\n$con = mysql_connect($bd_host, $bd_usuario, $bd_password);\r\nmysql_select_db($bd_base, $con);\r\n?><\/pre>\nAhora en un archivo JavaScript<\/strong>, el cual llamaremos ajax.js<\/strong> hacemos uso del objeto XMLHttpRequest<\/strong> para hacer peticiones al servidor sin necesidad de recargar toda una p\u00e1gina web. Tambi\u00e9n, crearemos la funci\u00f3n llamada Pagina(nroPagina)<\/strong>, esta recibir\u00e1 un valor correspondiente a un n\u00famero de p\u00e1gina y se enlazar\u00e1 con el archivo paginador.php<\/strong> para procesar ese n\u00famero de p\u00e1gina. Y el resultado se mostrar\u00e1 en la capa (<div id=\u00bbcontenido\u00bb>.<\/p>\n
function objetoAjax(){\r\n\u00a0var xmlhttp=false;\r\n\u00a0 try{\r\n\u00a0 \u00a0xmlhttp = new ActiveXObject(\"Msxml2.XMLHTTP\");\r\n\u00a0 }catch(e){\r\n\u00a0 \u00a0try {\r\n\u00a0 \u00a0 xmlhttp = new ActiveXObject(\"Microsoft.XMLHTTP\");\r\n\u00a0 \u00a0}catch(E){\r\n\u00a0 \u00a0 xmlhttp = false;\r\n\u00a0 \u00a0}\r\n\u00a0 }\r\n\u00a0 if (!xmlhttp && typeof XMLHttpRequest!='undefined') {\r\n\u00a0 \u00a0xmlhttp = new XMLHttpRequest();\r\n\u00a0 }\r\n\u00a0 return xmlhttp;\r\n}\r\n\r\nfunction Pagina(nropagina){\r\n\u00a0\/\/donde se mostrar\u00e1 los registros\r\n\u00a0divContenido = document.getElementById('contenido');\r\n\r\n\u00a0ajax=objetoAjax();\r\n\u00a0\/\/uso del medoto GET\r\n\u00a0\/\/indicamos el archivo que realizar\u00e1 el proceso de paginar\r\n\u00a0\/\/junto con un valor que representa el nro de pagina\r\n\u00a0ajax.open(\"GET\", \"paginador.php?pag=\"+nropagina);\r\n\u00a0divContenido.innerHTML= '<img src=\"anim.gif\">';\r\n\u00a0ajax.onreadystatechange=function() {\r\n\u00a0 if (ajax.readyState==4) {\r\n\u00a0 \u00a0\/\/mostrar resultados en esta capa\r\n\u00a0 \u00a0divContenido.innerHTML = ajax.responseText\r\n\u00a0 }\r\n\u00a0}\r\n\u00a0\/\/como hacemos uso del metodo GET\r\n\u00a0\/\/colocamos null ya que enviamos\r\n\u00a0\/\/el valor por la url ?pag=nropagina\r\n\u00a0ajax.send(null)\r\n}<\/pre>\nEl archivo principal de este proceso es paginador.php<\/strong>, este archivo es el encargado de mostrar los registros dependiendo de la p\u00e1gina elegida y tendr\u00e1 la siguiente estructura:<\/p>\n
<?php\r\nrequire('conexion.php');\r\n$RegistrosAMostrar=4;\r\n\r\n\/\/estos valores los recibo por GET\r\nif(isset($_GET['pag'])){\r\n\u00a0\u00a0 \u00a0$RegistrosAEmpezar=($_GET['pag']-1)*$RegistrosAMostrar;\r\n\u00a0\u00a0 \u00a0$PagAct=$_GET['pag'];\r\n\u00a0\u00a0 \u00a0\/\/caso contrario los iniciamos\r\n}else{\r\n\u00a0\u00a0 \u00a0$RegistrosAEmpezar=0;\r\n\u00a0\u00a0 \u00a0$PagAct=1;\r\n}\r\n\r\n$query = \"SELECT post_date, post_title, post_name, DATE_FORMAT(post_date, '%d-%m-%Y') as fecha\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0FROM table\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0ORDER BY post_date desc\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0LIMIT $RegistrosAEmpezar, $RegistrosAMostrar\";\r\n\r\n$Resultado=mysql_query($query, $con);\r\necho \"<table border='1px'>\";\r\nwhile($MostrarFila=mysql_fetch_array($Resultado)){\r\n\u00a0\u00a0 \u00a0echo \"<tr>\";\r\n\u00a0\u00a0 \u00a0echo \"<td>\".$MostrarFila['post_name'].\"<\/td>\";\r\n\u00a0\u00a0 \u00a0\/*if ($PagAct == 1)\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"<td>\".$MostrarFila['post_title'].\"<\/td>\";\r\n\u00a0\u00a0 \u00a0else*\/\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo \"<td>\".utf8_encode($MostrarFila['post_title']).\"<\/td>\";\r\n\u00a0\u00a0 \u00a0echo \"<td>\".$MostrarFila['fecha'].\"<\/td>\";\r\n\u00a0\u00a0 \u00a0echo \"<\/tr>\";\r\n}\r\necho \"<\/table>\";\r\n\r\n$NroRegistros=mysql_num_rows(mysql_query(\"SELECT * FROM table\",$con));\r\n$PagAnt=$PagAct-1;\r\n$PagSig=$PagAct+1;\r\n$PagUlt=$NroRegistros\/$RegistrosAMostrar;\r\n\r\n\/\/verificamos residuo para ver si llevar\u00e1 decimales\r\n$Res=$NroRegistros%$RegistrosAMostrar;\r\n\/\/ si hay residuo usamos funcion floor para que me\r\n\/\/ devuelva la parte entera, SIN REDONDEAR, y le sumamos\r\n\/\/ una unidad para obtener la ultima pagina\r\nif($Res>0) $PagUlt=floor($PagUlt)+1;\r\n\r\n\/\/desplazamiento\r\necho \"<a onclick=\\\"Pagina('1')\\\">Primero<\/a> \";\r\nif($PagAct>1) echo \"<a onclick=\\\"Pagina('$PagAnt')\\\">Anterior<\/a> \";\r\necho \"<strong>Pagina \".$PagAct.\"\/\".$PagUlt.\"<\/strong>\";\r\nif($PagAct<$PagUlt)\u00a0 echo \" <a onclick=\\\"Pagina('$PagSig')\\\">Siguiente<\/a> \";\r\necho \"<a onclick=\\\"Pagina('$PagUlt')\\\">Ultimo<\/a>\";\r\n?><\/pre>\n