Quero fazer uma paginação automática tipo a do Facebook, que quando chega ao final da página ela automaticamente carrega outra página com mais postagens. Já pesquisei sobre o assunto e não achei nada que pudesse realmente me ajudar a ponto de eu conseguir.
O código que uso pra listar as postagens é esse:
<?php
$post = $pdo->query("SELECT * FROM postagens")->fetchAll();
if(!$post){
print_r($pdo->errorInfo());
}
foreach ($post as $posts){
?>
Tentei fazer o que o @abfurlan disse e pelo jeito fiz alguma coisa de errado.
A página index.php
ficou assim:
<?php require_once"../conexao.php"?>
<style>
#conteudo{
width:100px; background:#CCC;
height:200px;
overflow-y:auto;
}
</style>
<script src="JS/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#conteudo").scroll(function() {
if ($(this).scrollTop() + $(this).height() == $(this).get(0).scrollHeight) {
//requisição ajax para selecionar postagens
$.ajax({
url:'postagens.php', //Página PHP que seleciona postagens
type:'POST', // método post, GET ...
data: 'limit=5&offset=0', //seus paramêtros
success: function(data){ // sucesso de retorno executar função
$('#conteudo').append(data); // adiciona o resultado na div #conteudo
} // fim success
}); // fim ajax
} // fim do if
}); // fim scroll
}); // fim document ready
</script>
<div id="conteudo">
</div>
E a página postagens.php
ficou assim:
<?php require_once "../conexao.php" ?>
<?php
$post = $pdo->query("SELECT * FROM postagens LIMIT 5 OFFSET 0")->fetchAll();
if(!$post){
print_r($pdo->errorInfo());
}
foreach ($post as $posts){
?>
<?php echo $posts['ID']; echo "<br>"?>
<?php } ?>
Não está acontecendo nada...