Ajax - Exemplo Super Simples

Publicado por Rodrigo Ferreira Valentim 31/08/2007

[ Hits: 20.022 ]

Homepage: http://www.unitech.pro.br

Download ajax1.tar.gz




Script em AJAX bem simples, contendo apenas o essencial para a aplicação através de um exemplo rápido de atualização de um botão com o horário do servidor.

Testado com Apache e PHP, mas é tão simples o PHP que pode ser trocado facilmente por qualquer outra linguagem.

Parte prática de um artigo em construção, procure por ele no site para compreender melhor o script: AJAX - Parte 1

  



Esconder código-fonte

#Visite http:\\www.unitech.pro.br

Script para o navegador:
<html>
<body>

<script type="text/javascript">
function Exemplo1() {
   var ajaxObj;

   try {
      // Firefox, Opera 8.0+, Safari...
      ajaxObj=new XMLHttpRequest();
   } catch (e) {
      // Internet Explorer
      try {
         ajaxObj=new ActiveXObject("Msxml2.XMLHTTP");
      } catch (e) {
         try {
            ajaxObj=new ActiveXObject("Microsoft.XMLHTTP");
         } catch (e) {
            alert("Seu navegador não possui suporte ao AJAX!");
            return false;
         }
      }
   }
   ajaxObj.onreadystatechange=function() {
      if(ajaxObj.readyState==4) {
         document.exemplo.hora.value=ajaxObj.responseText;
      }
   }
   ajaxObj.open("GET","hora.php",true);
   ajaxObj.send(null);
}
</script>

<form name="exemplo">
<input name="hora" type="button" value="Clique Aqui!" onclick="Exemplo1();" />
</form>

</body>
</html>



Script para o servidor:
<?php
echo date('h:i:s A');
?>

Scripts recomendados

Saudação durante o dia

JSOO - Trabalhar o checkbox com javascript

Simples Form

Validação de formulário

Formulario de email


  

Comentários

Nenhum comentário foi encontrado.


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts