LOGIN:

iMasters | Por uma internet mais criativa e dinâmica

Feeds

Terça-feira, 13/12/2005 - 12:00 - Por Maycon L. Ferreira
Seções relacionadas:

Ajax - Visão Geral

Olá a todos! Vamos abordar, a partir desta matéria, um assunto muito abrangente e que tem ganhado certo destaque atualmente. Trata-se da metodologia de programação Ajax.

Já não é de hoje que utilizamos em nossas aplicações/páginas recursos para deixar a interação com o usuário, cada vez mais atraente. Usamos para tal recursos de linguagens client-side, como o JavaScript. Com a adoção destas linguagens, podemos fazer validação de formulários, manipulação de DIVs, habilitar/desabilitar campos, alterar textos existentes, entre outros, sem que haja a necessidade de submeter a página ao servidor.

E o que fazer quando precisamos submeter a página para executar determinada ação? Simples: o servidor web irá processar as informações desejadas e retornará uma página HTML com os dados necessários. Para tanto, levará certo tempo até que cheguem as informações desejadas ao usuário final, pois será necessária uma nova renderização (carregar novamente o conteúdo) do browser, mostrando provavelmente, neste intervalo uma tela branca.

Podemos utilizar artimanhas para contornar o problema acima, tal como a utilização de um iframe oculto. Exemplo:

Neste exemplo, o formulário será submetido para uma página qualquer e seu destino será nosso iframe oculto.

Assim, não teremos o problema do novo carregamento da página. Após o processamento, podemos utilizar comandos JavaScript para o preenchimento do formulário:

Com isso, aparentemente contornamos nosso problema, que era pesquisar o código digitado e retornar o nome sem que a página fosse carregada novamente. Porém, a manutenção deste tipo de situação é uma tarefa árdua, já que teríamos em todas as páginas iframes ocultos, o que poderia deixar a aplicação mais complexa inutilmente.

Bom, após termos em mente um dos problemas que enfrentamos atualmente, vem a alternativa, que é a utilização de um “canal separado” para fazer essa manipulação.

AJAX, cujo significado é Asynchronous JavaScript+CSS+DOM+XMLHttpRequest, ou simplesmente Asynchronous JavaScript and XML, é a técnica que nos permite solucionar o problema em questão sem ‘gambiarras’. Para isso, utilizamos a classe XMLHttpRequest (estudaremos detalhadamente na próxima matéria), implementada no navegador Internet Explorer a partir da versão 5. Essa classe tem a funcionalidade de fazer o canal entre o cliente e o servidor, permitindo assim que invoquemos os métodos remotamente sem a necessidade de processar novamente a página.

Mas e os outros navegadores? Classes equivalentes foram implementadas, permitindo assim que sua aplicação rode em diversos navegadores sem problemas.

Como observou anteriormente, você precisará dominar alguma linguagem que faz o processamento no servidor, como ASP, PHP, Java etc. O foco não será o estudo dessas linguagens e sim a técnica de manipulação dos dados entre o cliente e o servidor.

Na próxima matéria, deixaremos de teoria e partiremos para exemplos práticos.

Forte abraço a todos e até semana que vem.

Todos os artigos de Maycon L. Ferreira

10 comentários publicados

  • 1. Excelente

    Terça-feira, 13/12/2005, por Rogério Louzada

    Excelente Maycon! Você não imagina como eu fiquei feliz quando vi que o iMasters vai começar a abordar Ajax. Tem um mês já que to correndo atrás mas existe pouquíssima fonte de cotneúdo em português. Parabéns pela primeira matéria e sucesso!!!!

    Responder comentário

  • 2. Aleluia!!!!

    Terça-feira, 13/12/2005, por hogs

    Mto bom o artigo! Continue escrevendo. Abraços!

    Responder comentário

  • 3. XAJAX - PHP class library

    Terça-feira, 13/12/2005, por Cristiano Freire Moura

    Maycon vc conhece o XAJAX?
    é muito bom para ser usado com php até porque vc usa somente a classe php e não é como o sajax que vc tinha que fazer o php e javascript.
    de uma olhada galera.
    http://xajax.sourceforge.net/

    Responder comentário

  • 4. Mais uma vez inovando

    Terça-feira, 13/12/2005, por Henrique Boaventura

    Meus parabéns pela iniciativa de começar essa empreitada através do AJAX. Há tempos que esse assunto vem sendo questionado nos fóruns e agora está aqui. Meus parabéns mais uma vez

    Responder comentário

  • 5. Bom começo

    Quarta-feira, 14/12/2005, por Leandro Lima

    Fala brother maycon. A ferramenta xmlHttpRequest é, sem dúvidas, erfeita, pois é um canal entre servidor e cliente. Através, dela consegui melhorar em 100% a performance do site imóveis Goiás. http://www.imoveisgoias.com.br.

    GUILHERME

    Responder comentário

  • 6. Gostei do início

    Quinta-feira, 19/01/2006, por Rafael Medeiros de Castro

    Olá, foi muito importante esta matéria falando sobre o Ajax... Só que será melhor ainda quando vc partir para os exemplos práticos... Aí a coisa começa a caminhar.. Mesmo assim, meus parabéns...

    Responder comentário

  • 7. Excelente

    Quarta-feira, 08/03/2006, por Júnior Silveira

    Creio ser o 1° artigo seu que leio. Parabéns! Muito bem escrito, atacando os pontos certos e fazendo comentários inteligentes.

    Responder comentário

  • 8. Parabéns

    Segunda-feira, 02/10/2006, por Vitor Oliveira

    Muito boa essa matéria! Muito clara. Abraços.

    Responder comentário

  • 9. Parabens, muito bom!

    Quarta-feira, 20/08/2008, por Leandro Evangelista

    Muito bom gostei do tuto, valeu um grande abraço a todos!

    Responder comentário

  • 10. parabens, muito bom!

    Quarta-feira, 20/08/2008, por Leandro Evangelista

    Muito bom gostei do tuto, valeu um grande abraço a todos!

    http://www.patrickeleandro.com

    Responder comentário

Poste um comentário


Os textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters.

Sobre o autor

Maycon L. Ferreira é graduando em Internet e Redes. Desenvolve em PHP, ASP e JavaScript.


Indique para um amigo

captcha

TI SHOP Produtos iMasters

  • Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
  • Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
  • DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
  • DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!

2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.