Ajax - Exemplo Super Simples [Javascript]

Ajax - Exemplo Super Simples

Publicado por Rodrigo Ferreira Valentim 31/08/2007

[ Hits: 20.486 ]

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

Ordenação de Registros em uma Table

Validação de campos de formulário

Retirando acentuação de palavras

Validador de IP em JavaScrip com Expressão Regular

Selecionar todos checkbox

Comentários

Nenhum comentário foi encontrado.