Ajax - Exemplo Super Simples [Javascript]

Ajax - Exemplo Super Simples

Publicado por Rodrigo Ferreira Valentim 31/08/2007

[ Hits: 20.779 ]

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

Download ajax1.tar.gz

0 0

Denuncie Favoritos Indicar

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

Formulario de email

Autofoco no primeiro campo de um formulário

Formulário de Login no GOOGLE APPS - MAIL

Máscara JavaScript para Campos de Telefone/Celular e CEP

Script de Formulario de Contatos

Comentários

Nenhum comentário foi encontrado.