AJAX Produtivo com JSON-RPC

Atenção: por essa edição ser muito antiga não há arquivo PDF para download.Os artigos dessa edição estão disponíveis somente através do formato HTML. 

Ajax Simples com JS ON-RPC

Conheça um poderoso framework Ajax para Java EE

Descubra como exportar métodos de classes Java e utilizá-los de forma transparente em seu código JavaScript, com um framework open source baseado em JavaScript Object Natation>

Ari Dias Neto e Alex Barbosa Coqueiro

Já faz um bom tempo que a adoção da tecnologia Ajax (Asynchronous JavaScript and XML) chama a atenção, tanto da comunidade de desenvolvedores Java EE, como dos usuários de sistemas web. Aplicações baseadas em Ajax, como o GMail, aproximam o usuário da experiência de interagir com uma aplicação desktop, e fizeram com que os usuários aumentassem o seu nível de exigência no ambiente web.

Essas novas expectativas recaíram sobre os desenvolvedores de aplicações web que, para atender aos requisitos adicionais viram-se estimulados a usar Ajax nas suas soluções. Mas como acontece na adoção de qualquer nova tecnologia, há um período de aprendizagem e certa desorientação em relação ao caminho a se seguir.

Quando pesquisamos na internet sobre Ajax, nos deparamos com uma grande quantidade de sites e artigos (aqui mesmo na Java Magazine, já foram publicados pelo menos seis e este não é o único que trata da técnica nesta edição). Há também uma série de livros que trazem diferentes abordagens sobre a utilização de Ajax. A questão é como adotar a tecnologia com o mínimo esforço de aprendizado e com bons resultados. É isso o que veremos neste artigo: como o Ajax pode ser uma técnica prática e simples de implementar. Ao final, teremos uma aplicação web que popula uma lista de contatos através de chamadas Ajax.

Para desenvolver o exemplo, usaremos o IDE Eclipse com o WTP (Web Tools Project). Lembramos que no site do WTP (eclipse.org/webtools) existe uma versão do Eclipse com este plug-in incluso e que, se você já tem o IDE instalado, pode também baixar e instalar somente o WTP do site de atualizações do Callisto. Para testar a aplicação, usaremos o Apache Tomcat. Todos os arquivos e códigos do exemplo estão disponíveis no site da Java Magazine.

O que mudou com o Ajax

A utilização de Ajax mudou a forma como as aplicações web são estruturadas. Antes de sua adoção, os eventos de uma página web eram tratados como uma nova requisição, seguida da atualização de toda a página. Isso constituía um paradigma comumente chamado de Request/Wait/Response. Nesse paradigma, toda vez que o usuário faz uma requisição, ele aguarda o retorno de uma nova página do servidor, e mesmo que essa página tenha o mesmo conteúdo da página anterior, ela é novamente carregada e interpretada pelo navegador.

Quando são utilizadas chamadas Ajax a página atual não precisa ser totalmente atualizada e os retornos das chamadas são interpretados geralmente através de códigos JavaScript no cliente. Assim, somente uma parte da página será alterada, se for necessário.

A Figura 1 mostra a diferença entre o antigo paradigma Request/Wait/Response e a abordagem do Ajax. Observe a linha que define a interação do usuário. No primeiro paradigma, ela apresenta longos espaços durante os quais o usuário não interage com a aplicação. Já na segunda abordagem, baseada em Ajax, não há rupturas significativas na linha de interação do usuário: o navegador web não fica bloqueado enquanto a requisição é feita, e o usuário pode continuar interagindo com a aplicação.

Figura 1. Diferença entre aplicação web padrão e outra baseada em Ajax

Ajax, XML e JSON