Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17421
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Botão carregar mais conteúdo do MySQL com jQuery

20-01-2016 22:58

Nesse post vou mostrar como carregar mais conteúdo do banco de dados MySQL sem atualizar a página ao clicar no botão mostra mais.

O script é bem simples.

Você vai precisar de 2 arquivos.

base.php
Esse arquivo vai ter a chamada jQuery e uma conexão com o banco de dados para exibir os primeiros resultados da consulta na div.

<?php // CONEXÃO COM O BD $conexao = mysql_connect("localhost", "login", "senha") or die(mysql_error()); mysql_select_db("banco de dados"); // QUANTOS RESULTADOS POR PÁGINA $mais = 3; ?> <script src="jquery.js"></script> <script> $(document).ready(function(){ // PASSANDO A QUANTIDADE DE RESULTADOS POR CLIQUE v = <?php echo $mais; ?>; $('.mais').click(function() { // AQUI É ADICIONADO O NOVO VALOR COMO APPEND PARA A DIV $('.conteudo').append($('<div>').load('consulta.php?v='+v+'&n='+<?php echo $mais; ?>)); v+=<?php echo $mais; ?>; }); }); </script> <div class="mais">mostrar mais</div> <div class="conteudo"><?php $selec = "SELECT * FROM minhatabela LIMIT 0, $mais"; $exec = mysql_query($selec, $conexao) or die(mysql_error()); if(mysql_num_rows($exec)=="0") { echo "sem mais resultado"; exit; } while($campos=mysql_fetch_array($exec)) { extract($campos); echo "$colunas<br>"; // COLUNAS A SEREM MOSTRADAS } // FECHANDO A CONEXÃO mysql_close($conexao); ?></div>

Agora vou mostrar o arquivo consulta.php

<?php // CONEXÃO COM O BD $conexao = mysql_connect("localhost", "login", "senha") or die(mysql_error()); mysql_select_db("banco de dados"); // NÃO ALTERAR DO LIMIT EM DIANTE, OS VALORES VEM DO JQUERY $selec = "SELECT * FROM minhatabela LIMIT ".(int)$_GET['v'].", ".(int)$_GET['n'].""; $exec = mysql_query($selec, $conexao) or die(mysql_error()); // QUANDO NÃO HOUVER MAIS RESULTADO if(mysql_num_rows($exec)=="0") { echo "sem mais resultado"; exit; } // LAÇO PARA PEGAR TODOS OS CAMPOS DA TABELA while($campos=mysql_fetch_array($exec)) { extract($campos); // COLUNAS A SEREM MOSTRADAS echo "$colunatal<br>"; } // FECHANDO A CONEXÃO mysql_close($conexao); ?>

Qualquer dúvida de uso só postar.
1
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado