Publicado em 19 de jan.

carregamento de dados em uma tabela

#javascript

bom dia

alguem sabe se eh possivel carregar dados em uma tabela de segundos em segundos na seguinte forma:

no primeiro carregamento puxa 5 linhas do banco de dados quem tem 50 linhas

linha50

linha49

linha48

linha47

linha46

depois de 10 segundos aparece na seguinte forma

linha49

linha48

linha47

linha46

linha45

eu ja sei como fazer o carregamento de segundos em segundos soh nao sei como chamar dessa forma.

Discussão (5)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

DeividMG18· 19 de jan.

ja tenho a div que ira mostrar os dados

<script type="text/javascript">
$(function($) {
 // Atualiza a frase no carregamento
 atualizar();

});

// Função para atualizar a frase
function atualizar()
{
// Faz requisição com o servidor

 $.post("lista.php", function(resposta) {
 // Coloca a frase na DIV
 $("#lol").html(resposta);
 });
}

// Intervalo de atualização
setInterval(function atualiza()
{
$

("#lol").slideUp(3333).load("lista.php").slideDown(9999);
}, 10000);
</script>

<div id='lol'></div>

sera possivel fazer o q citei acima?

William Bruno· 14 de mar.

a cada 10 segundos vc tras mais 1 dado ne?!

um ajax disparado em um setInterval()

vc precisa de uma variavel global no js para saber quantas vezes já chamou o ajax. Ai a cada volta do setInterval(), vc trás mais 1 de lá do php.

DeividMG18· 15 de mar.

como que traz esse proximo dado a cada setinterval?

William Bruno· 15 de mar.

chamando o setInterval:

window.setInterval(funcao_ajax, 1000);

e o teu php:

$sql = "SELECT FROM table ORDER BY id DESC LIMIT 5,1";e ai no próximo:$sql = "SELECT FROM table ORDER BY id DESC LIMIT 6,1";

sendo que a primeira query é:

$sql = "SELECT * FROM table ORDER BY id DESC LIMIT 5";

DeividMG18· 15 de mar.

eu consegui dessa forma

teste.php

<?php

session_start();
$_SESSION['a']=1;

?>

<script type="text/javascript" src="js/jquery.js"></script>

 <script type="text/javascript">

 $(document).ready(function(){

 atualiza();
 });

 function atualiza(){

 $.get('dados.php', function(resultado){
 $('#tabela').html(resultado);
 })
 setTimeout('atualiza()', 3000);
 }
 </script>
<body>
 <div id ='pagina'>

 <div id='tabela'>

 </div>
 </div>
</body>

dados.php

<?php
session_start();
 include_once'includes/conection.php';
 $d=$_SESSION['a'];
 echo "iniciar do registro - ".$d."<br>";
 $qtd=5;
 echo "quantidade a ser mostrada - ".$qtd."<br>";
 $produtos1=mysql_query("SELECT id FROM produtos ");

 $n=mysql_num_rows($produtos1);
 echo "total de registros - ".$n."<br>";

 $produtos=mysql_query("SELECT * FROM produtos ORDER BY id ASC LIMIT $d,$qtd");

$_SESSION['a']=$_SESSION['a']+1;
if($_SESSION['a']==$n-$qtd){
$_SESSION['a']==1;
}
 $i=0;

while($l=mysql_fetch_array($produtos)){

 $id=$l['id'];
	$codigo=$l['codigo'];
	$produto=$l['produto'];
	$preco=$l['preco'];

if( $i%2 == 0 ){
	$cor='#CCCCCC';

	}else{
 $cor='#FFFFFF';

 }

	echo "<p style='height:20px'>
 <div style='width:80%;float:left;text-align:left'>$id - $produto</div>
	<div style='width:20%;float:left;text-align:left''>".number_format($preco,2,',','.')."</div>
	</p>";

 $i++;

	}

 ?>

se tiver uma forma mais facil de fazer eu agradeço...vlw willian vc me ajudou muito

teste online