Notamos nos últimos tempos uma curiosidade crescente por parte de alguns clientes a respeito de AJAX, e até por utilizarmos esse conceito de desenvolvimento em nossos projetos ( como neste site por exemplo ), resolvemos escrever esse artigo para elucidar algumas dúvidas de uma forma mais simples, mais leiga.
Vamos começar com uma definição tirada de wikipedia:
"AJAX (acrônimo em língua inglesa de Asynchronous Javascript And XML) é o uso metodológico de tecnologias como Javascript e XML, providas por navegadores, para tornar páginas Web mais interativas com o usuário, utilizando-se de solicitações assíncronas de informações."
Ajax é uma mistura de tecnologias e conceitos aplicados no desenvolvimento web para deixar as páginas mais interativas, rápidas, leves e criativas. Diferanças AJAX x Modelo Páginas tradicionalNo modelo tradicional de paginas, o navegador recebe apenas HTML e o renderiza, com pouco JavaScript que nesse caso tinha um papel secundário, na maioria das vezes apenas utilizado para validar formulários por exemplo. No modelo AJAX o navegador recebe uma aplicação em JavaScript responsável por toda a renderização, o JavaScript passa ter papel primário no navegador, uma carga maior de processamento é assim transferida do servidor para o navegador.
Dessa forma quando se requisita um novo conteúdo do servidor, ele retorna apenas o que interessa, economizando assim largura de banda e processamento no servidor. Se requisita menos e consome menos processamento do servidor, chegamos também nessa forma a um ganho de velocidade na navegação. Figura 1. O modelo tradicional para aplicações Web em comparação com o modelo AJAX, adaptado. GARRETT ( 2005 )
Figura 2. Síncrono ( Aplicação Web Tradicional ) X Assíncrono ( Aplicação AJAX ), adaptado. GARRETT ( 2005 )
Tecnologias empregadas em AJAX: JavaScript - É a linguagem utilizada na aplicação que roda no navegador, interliga as tecnologias. XML - Formato utilizado na troca de informações entre o navegador e o servidor. XMLHttpRequest - Utilizado na troca de mensagens entre navegador e servidor. XHTML - Webstandard utilizado na camada de apresentação juntamente com CSS. DOM - Document Object Model, utilizado na manipulação dos objetos da interface. Vantagens do novo modelo AJAX: - Ganho de interatividade nas aplicações
- Redução do consumo de banda
- Redução de processamento no servidor
- Portabilidade - roda em qualquer navegador atualizado
Indexação do conteudo pelos mecanismos de pesquisa em AJAX:Desenvolver em AJAX traz uma complexidade maior em relação ao modelo de páginas, o maior perigo que acontece com muitos sites feitos nessa metodologia é criar um site obstrutivo. Um site obstrutivo seria um site cujo conteúdo não pode ser indexado pelos mecanismos de busca, o que atrapalha muito a divulgação do site na internet. Existem técnicas para contornar esse problema, o AJAX que desenvolvemos por exemplo foi concebido para ser nao obstrutivo aos buscadores, nossos sites indexam todo o conteúdo em AJAX de uma maneira planejada. Exemplos de sites que utilizam AJAX: |