jQuery com Struts - Revista Java Magazine 92 - Parte 2

Na primeira parte deste artigo (publicada na Java Magazine 91) vimos como criar um formulário de cadastro de clientes para o nosso sistema de imóveis. Para alcançarmos este objetivo, ensinamos como utilizar a classe ActionForm do framework Struts. Além disso, aprendemos a utilizar o mecanismo de validação oferecido pelo framework, com o objetivo de permitirmos apenas a entrada de dados consistentes ao modelo.

Nesta parte do artigo daremos continuidade aos trabalhos em cima do sistema de imóveis, porém, nosso objetivo a partir de agora, será melhorar a usabilidade da camada de visão para o usuário final, através do uso do framework jQuery e sua API de AJAX.

Antes de iniciarmos nossa jornada através da interface da aplicação, vamos relembrar o sistema em que estamos trabalhando.

Relembrando o sistema

Uma imobiliária deseja informatizar as atividades relacionadas aos imóveis de seus clientes. Com este objetivo, contratou uma empresa de desenvolvimento de software para criar um sistema de gerenciamento de imóveis.

O modelo desenvolvido para a aplicação pode ser visto na Figura 1. As funcionalidades desenvolvidas até o momento, apresentadas nas edições 89 e 91 da Java Magazine, permitem:

1.    A listagem de clientes e seus imóveis cadastrados;

2.    O cálculo do valor médio dos imóveis de um cliente;

3.    O cadastro de novos clientes.

Com estas funcionalidades disponíveis, a imobiliária decidiu que é hora de investir na usabilidade do sistema. Sendo assim, requisitou melhorias na camada de visão da aplicação. Neste contexto, a equipe de projetistas decidiu fazer uso do framework jQuery para cumprir esta missão.

Melhorando a usabilidade com jQuery

O lema do jQuery é “Escreva menos, faça mais”. De fato, o framework encapsula diversas funcionalidades de Javascript em sua API, tornando o uso da linguagem muito mais simples. Criar efeitos de transição, mostrar e esconder elementos de uma página torna-se trivial com o uso do jQuery. No entanto, a grande vantagem do uso do framework está na API de AJAX oferecida para o desenvolvedor.

AJAX é o acrônimo para Asynchronous JavaScript and XML. Ele não é uma nova linguagem, mas sim uma maneira nova de se utilizar padrões já existentes. Em resumo, AJAX é uma técnica que permite troca de dados entre cliente e servidor, sem que haja necessidade de se recarregar toda a página web. Isto é, apenas partes específicas da página são atualizadas, através de chamadas assíncronas.

Quem já trabalhou com AJAX sabe como pode ser complicado e trabalhoso atingir os resultados desejados. O jQuery, através de sua API, torna o uso da técnica mais simples, pois encapsula todos os detalhes de implementação em seus métodos, como o uso do objeto XMLHttpRequest.

A especificação XMLHttpRequest define uma API que provê para linguagens de script, como o "