Ajax para quem só ouviu falar

Objetivos

Nosso objetivo com esse artigo é contruir uma aplicação Ajax muito simples, que te faça entender os conceitos básicos por trás disso tudo. A primeira coisa importante a ser dita aqui é a respeito de acessibilidade. É possível, e bastante desejável, construir aplicações Ajax que tenham algumas características:

O Backbase e o Gmail, por exemplo, têm as três últimas características. O editor do Tableless tem as duas primeiras e, dependendo do seu navegador, a quarta. Cada uma delas envolve mais ou menos trabalho para implementar, dependendo da complexidade de sua aplicação.

As cinco características são desejáveis e, claro, a decisão de implementá-las é sua, considerando o tipo de aplicação que está desenvolvendo. E sempre há a possibilidade de, como o GMail, oferecer uma versão mais simples de sua aplicação para navegadores não suportados.

Nosso objetivo neste artigo é construir um aplicativo Ajax simples, completamente funcional em navegadores não compatíveis. Para isso, trabalhamos o Ajax como última camada, a ser aplicada ao final de todo o restante. Nessa abordagem, que eu tenho usado bastante, seu código é construído de acordo com as seguintes camadas:

  1. Conteúdo HTML
  2. Programação Server-Side (fazer funcionar)
  3. CSS (esta etapa e a anterior podem mudar de ordem)
  4. Javascript e Ajax

Fazendo assim, ao terminar a camada 2, você tem uma aplicação completamente funcional, em qualquer navegador, até no Lynx. A camada 3 melhora (muito) a experiência para quem tem navegadores mais atuais. Sim, você já ouviu esse papo todo, é por isso que esse site exite. Agora faremos a mesma coisa, com Ajax. É uma camada, acima do CSS, que melhora ainda mais a experiência de quem tem navegadores capazes de vê-la. Mas as coisas continuam funcionando normalmente no Lynx.

Isso tem vantagens muito semelhantes ao uso de CSS para construção de layouts tableless, você separa seu conteúdo do comportamente, e pode alterar um sem precisar mexer no outro. E, é claro, você pode escolher não trabalhar assim, e se tiver uma aplicação realmente fantástica, como o Google Maps, as pessoas vão agradecê-lo. Depende do que você vai desenvolver, e como isso vai ser usado.

A aplicação que queremos desenvolver é um site simples, de conteúdo comum. É exatamente este site que você está vendo, desenvolvido com PHP e Ajax.

Elcio Ferreira * Tableless.com.br