Desvendando o AJAX
A Asyncronous Javascript And XML (AJAX) é uma técnica de desenvolvimento para a camada de apresentação Web que permite uma interação contínua entre o usuário e a aplicação. Isso significa que ele não precisa aguardar o servidor Web processar a sua requisição para continuar trabalhando em uma página Web. Essa dinâmica permite que as aplicações Web tenham características que antes só eram possíveis para sistemas com clientes inteligentes (ex: Windows Forms).
Para proporcionar esse funcionamento, o AJAX reúne um conjunto de tecnologias:
  • XHTML e CSS – Interface padronizada vista pelo usuário.
  • Document Object Model (DOM) – Responsável por atualizar dinamicamente a página sem que ela precise ser recarregada completamente.
  • XML – Responsável pelos dados recebidos e transmitidos para o servidor Web.
  • XSLT – Responsável por transformar os dados.
  • XmlHttpRequest – Responsável pelas requisições assíncronas ao servidor Web.
  • Javascript – Responsável por integrar todas as tecnologias envolvidas no AJAX.

Através de Javascript, a AJAX cria uma engine que agrega essas outras tecnologias e simplifica o trabalho do desenvolvedor da interface Web. A figura abaixo ilustra o funcionamento da AJAX engine. Nela, o usuário não para a sua atividade quando faz uma requisição e pode fazer outras requisições antes mesmo antes de receber a resposta da primeira.

Outra vantagem da AJAX é que uma vez que a página Web é carregada, as interações do usuário buscam apenas dados no servidor Web, diminuindo consideravelmente a quantidade de trafego transmitido na rede.

Apesar de o termo AJAX ser relativamente novo, sendo usado a partir de 2005, a técnica data da década passada denominada DHTML, mas esta não teve o seu uso difundido pela limitação dos browsers e hardwares da época e pela falta de padronização.

Hoje, com a evolução da WEB, o AJAX está se difundindo e já existem vários sites que a utilizam:

Random Posts

1 Comment Posted in Desenvolvimento de Software
Tagged ,

One Comment

  1. Bela matéria,
    Apesar de usar e conhecer o AJAX por cima, estava procurando uma explicação mais técnica por objetivos acadêmicos.

    Essa se encaixa muito bem!
    []’s

Leave a Reply

XHTML: These are some of the tags you can use: <a href=""> <b> <blockquote> <code> <em> <i> <strike> <strong>