Ajax: Atualizações rápidas
O principal conceito usado na criação da Web foi o documento de hipertexto, que pode ser descrito como um enorme pacote de informações interconectadas por ligações de hipertexto (links) para diversas partes do mesmo documento ou para documentos diferentes. Para fazer uma requisição na Web, basicamente clica-se no link para solicitar um documento e, após esta ação, torna-se necessário aguardar a resposta do servidor para então usufruir o documento requisitado. Este processo se repete a cada requisição feita, tornando-se lento à medida que aumenta o número de ações do usuário.
E é aí que se encontra a maior vantagem das aplicações AJAX (Assynchronous Javascript and XML). Visando proporcionar um melhor modelo de interação, as aplicações AJAX rodam no próprio navegador web. Parte da lógica da aplicação é movida para o navegador por meio de remessas de solicitações assíncronas ao servidor. O cabeçalho, o histórico de navegação, e outras características do layout da página estão todas carregadas, portanto o servidor necessita enviar de volta somente os dados relevantes. Uma aplicação Ajax poderia fazer isto de vários modos, como por exemplo, devolver um fragmento de Javascript, um fluxo de texto simples, ou um pequeno documento XML.
A segunda vantagem do Ajax é que podemos associar eventos a um maior número de ações do usuário.
Os quatro princípios de Ajax
I. O navegador hospeda uma aplicação, e não conteúdo;
II. O servidor fornece dados, e não conteúdo;
III. A interação do usuário com a aplicação pode ser flexível e contínua;
IV. Real codificação requer disciplina.
Para atender a estes princípios, AJAX incorpora em seu modelo:
- Apresentação baseada em padrões, usando XHTML e CSS
O XHTML combina as tag's de marcação HTML com regras da XML, esse processo de padronização visa a maior acessibilidade.
O CSS é utilizado para especificar o estilo, separando-o do conteúdo (estilos são os detalhes de como exibir o conteúdo). O CSS ajuda a evitar duplicação, facilita a manutenção e pode utilizar diferentes estilos para diferentes propósitos.
- Exposição e interação dinâmica usando o DOM
O DOM é uma API para documentos HTML e XML. Providencia uma representação estruturada do documento, permitindo alterar o conteúdo e a apresentação visual. Essencialmente liga páginas Web a scripts ou linguagens de programação.
- Intercâmbio e manipulação de dados usando XML e XSLT
XML é uma linguagem de marcação de uso geral cuja função principal é de facilitar a partilha de dados através de vários sistemas, particularmente sistemas ligados através da Internet.
O XSLT é uma linguagem que atua na transformação de documentos XML. Cria um novo documento XML, podendo este ser apresentado em sintaxe XML padrão, em HTML ou em texto simples. Frequentemente utilizado para converter dados XML em páginas web.
- Recuperação assíncrona de dados usando o objeto XMLHttpRequest
O objeto Javascript XMLHttpRequest é o pilar de todo sistema Ajax, atuando como responsável por enviar e retornar requisições http. No seu uso padrão, criamos uma instância do objeto, especificamos qual URL deverá ser executada, a função Javascript responsável pelo processamento da resposta do servidor (a callback) e finalmente disparamos a ação em si.
- Javascript unindo todas elas em conjunto
Javascript é uma linguagem leve, orientada a objetos e multiplataforma. Dentro de um ambiente-hospedeiro, a Javascript pode ser ligada aos objetos desse ambiente para providenciar controle programático sobre eles.
Quando estas tecnologias são combinadas no modelo AJAX, as aplicações web são capazes de fazer atualizações incrementais e rápidas sem ser necessário recarregar novamente toda a página. Isto faz com que a aplicação ofereça respostas mais rápidas às ações do usuário.
Referências:
http://developer.mozilla.org/en/docs/Main_Page
http://www.robsonjunior.com.br/post/voce-sabe-porque-ajax-e-importante-agora/
