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


Moderador: web

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

Refresh no conteúdo com AJAX

15-11-2007 10:03

Esse script, carrega um arquivo, que, em alguns segundos sofre um refresh usando AJAX.

Por exemplo, você tem um código de troca de banner a cada refresh, ai, basta você carregar esse documento, que em alguns segundos, um novo banner aparecerá, sem dar refresh em toda página, somente na div.

Obs: Como o AJAX tem conflito com carregamento de JavaScript, é indicado que use esse código somente para quando o retornado ao navegador seja texto, ou, se realmente precisar carregar um javascript, carregue um documento com iframe e esse iframe que carregue o JavaScript.

Você pode usar um script PHP para trocar de banner, onde o retornado será o <img src... assim, a cada refresh no documento será uma imagem diferente, dispensando o JavaScript.

<script type="text/javascript"> try{ xmlhttp = new XMLHttpRequest(); } catch(ee){ try{ xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e){ try{ xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch(E){ xmlhttp = false; } } } valor = 0; // tempo em segundos para o refresh // 5000 = 5 segundos var tempo = 5000; function abre(arquivo,metodo){ arquivo = arquivo+"?valor="+valor; Oarquivo = arquivo; Ometodo = metodo; xmlhttp.open(metodo,arquivo); xmlhttp.onreadystatechange=conteudo; xmlhttp.send(null); setTimeout("abre(Oarquivo,Ometodo)", tempo); valor++; } function conteudo() { document.getElementById('conteudo').innerHTML="carregando..." if (xmlhttp.readyState==4){ document.getElementById('conteudo').innerHTML=xmlhttp.responseText } } </script>


<body onload="abre('seudocumento.html','GET')"> <div id="conteudo"></div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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