Atualizar div ou html sem fazer o refresh

[Gilberto Jr 26]

Bom dia,

 

Eu preciso atualizar uma div ou pagina toda de 10 em 10 segundos por exemplo mas sem da o refresh na pagina.

 

Atualizar somente aquela div pois é feito cadastro e os cadastros feito que esta no banco de dados aparece nessa div.

 

 

Att;

[haidan 0]

Dá pra fazer com o setInterval do javascript.

 

 

 

var int=self.setInterval(function(){AtualizaDiv()},10000);

 

Pra pegar os novos dados do banco sem atualizar a página você precisa usar Ajax.

 

Sendo assim, na função AtualizaDiv() do código acima você chama as funções do ajax para pegar o novo conteúdo e trocá-lo.

 

Um exemplo bem simples:

 

 

function AtualizaDiv(){
document.getElementById("sua-div").innerHTML="<strong>atualizando...</strong>";
reqObj=new XMLHttpRequest();
reqObj.onreadystatechange=processar;
reqObj.open("POST","novoConteudoDiv.php", 
true);
reqObj.send(null);
}

function processar(){
if(reqObj.readyState==4){
document.getElementById("sua-div").innerHTML=reqObj.responseText;
}
}

 

Na página novoConteudoDiv.php você constrói o conteúdo da div normalmente, com o select no banco e em seguida o html.

 

ps. Não sei porque ficou sem as quebras de linha no código aqui no forum, mas está certo...

[Bru_ce 53]

Ajax

[William Bruno 1501]

estude sobre socket

[Edultra 13]

Pode ser utilizado o método .load do jquery:

 

http://api.jquery.com/load/

 

Também pode-se ser utilizado Ajax como ja falaram:

 

http://wbruno.com.br/ajax/navegacao-sem-refresh-carregando-conteudo-ajax-em-div/

[Gilberto Jr 26]

Obrigado.

 

Mas eu já resolvi de outra forma.

 

Att;

[William Bruno 1501]

@Gilberto Jr,

 

Qndo resolver algo, diga como resolveu.

Convém lembrar que o seu tópico permanece no fórum e pode ajudar outros membros que tiverem a mesma dúvida.