Código
Este es el cargador en php
<!doctype html> <html> <link rel="stylesheet" type="text/css" media="all" href="css/styles.css"> <script> $(function(){ var i = 0; agregarContenido(); $(window).scroll(function(){ //cuando llegas al final de la página if (document.body.scrollHeight - $(this).scrollTop() <= $(this).height()){ agregarContenido(); } }); function agregarContenido(){ //Agregar el siguiente contenido a mostrar $.ajax({ type: 'POST', data: { accion: 'agregarContenido', count: i, showing: 2, }, url: 'src/controlador.php', success: function(result){ result = JSON.parse(result); if(result.estado === "adding"){ i+=2; $("#content").append(result.cadena); console.log("agregando datos del "+(i-1)+" al "+i); }else{ console.log(result.cadena); //alert("No hay registros"); } } }); } }); </script> <head> <meta charset="utf-8"> </head> <body> <div id="container"> <ul id="content"> </ul> </div> </body> </html>
Código
Iluminen mi camino !!!!!!! que estoy a punto de patear la PC
<?php include "databaseConnector.php"; $devolver = null; switch($accion){ case 'agregarContenido': $dbh = new databaseConnector(); $stmt = $dbh->prepare("SELECT * FROM repaso LIMIT $count, $showing"); $cadena=""; if($stmt->execute()){ while($row = $stmt->fetch()){ //Mando directamente el html a incrustar, //pero no es la mejor práctica. //Solo es un ejemplo. $cadena.= "<li><strong>".$row["id"]."</strong><br />"; $cadena.= "<img src='img/pag_subidas/".$row['img_pagina']."' width=100% /> </li>"; } } //si la cadena esta vacia entonces ya no hay nada para agregar if($cadena){ $estado = "adding"; }else{ $estado = "stop"; $cadena = "No hay datos para agregar"; } //devuelvo el estado y la cadena para mostrar break; default: echo "default"; break; } if ($devolver) } else { } ?>