Ir para conteúdo
Fórum Script Brasil
  • 0

JavaScript Atualizando somente a consulta


Eduardo Assis

Pergunta

Em uma página tenho um conteudo fixo e outro que é trazido do bd mysql.

Gostaria de saber se tem como fazer uma função para atualizar somente essa consulta, não tendo que dar um refresh na pagina inteira.

Pois nessa consulta, gostaria de ser de 1 em 1 segundo.

Fiz em teste com iframe atualizando somente ele com refresh do HTML, mas gostaria de algo com JS

Abraços.

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Você pode utilizar AJAX

Um exemplo bem simples seria algo como isso:

Página: "consulta_ajax.php"

Nessa página ficariam os códigos da consulta em PHP
Página: "pagina.php"
<html>
<head>
<title>Minha página</title>
</head>
<body>
<!-- conteúdo normal da página -->
Essa página faz uma consulta por AJAX [..]
[...]
[...]
<!-- div que vai conter as informações da outra página -->
<div id="consulta">

</div>
<script type="text/javascript">
function AtualizaConsulta() {
url = "consulta_ajax.php"
goAjax(url)
}
function goAjax(url) {
xmlhttp = new XMLHttpRequest
xmlhttp.open("GET", url, true)
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readState==4) {
retorno = xmlhttp.responseText
}
x = document.getElementById("consulta")
x.innerHTML = retorno
}
xmlhttp.send(null)
tempo_segundos = 10
setTimeout("AtualizaConsulta()",tempo_segundos*1000)
}
</script>
</body>
</html>

Esse é um código básico, mas dá pra utilizar com as adaptações necessárias...

Obs.:

Mudei pra atualizar a cada 10 segundos, e não apenas um, já que atualizar os dados a cada e segundo pode lhe trazer muitos prejuízos no desempenho, mas cabe a você testar e decidir a velocidade correta

Qualquer coisa, posta aí !

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...