Artigo da SQL Magazine 34 - Simplificando o AJAX

Clique aqui para ler esse artigo em PDF.

Clique aqui para ler todos os artigos desta edição

Simplificando o AJAX

Empresas de desenvolvimento de software têm optado cada vez mais pelo desenvolvimento de aplicações web. Entretanto, é importante manter em mente que o desenvolvimento de aplicações web modifica uma serie de conceitos que estamos acostumados a lidar no desenvolvimento de software. A negligência destas diferenças pode levar ao desenvolvimento de aplicações web que sub-otimizam, entre outros, o trafego de dados pela rede e que passam ao usuário a percepção de uma aplicação pouco eficiente e lenta. Um exemplo desta percepção é quando um usuário aguarda uma página inteira ser recarregada e visualiza apenas modificações pontuais, como a atualização de uma caixa de seleção ou de um campo com valores obtidos dinamicamente de um banco de dados. AJAX surge neste contexto, possibilitando a  troca apenas das informações necessárias entre o browser e o servidor de aplicações.

Neste artigo apresentaremos uma aplicação web simples que utiliza AJAX para se comunicar de forma mais eficiente com o servidor de aplicações e atualizar seu conteúdo a partir de informações contidas em um banco de dados. Mostraremos ainda como o componente open source AjaxUtil, criado pelos autores, pode facilitar o uso de AJAX.

O artigo está organizado em três partes, a primeira introduz o AJAX e seus conceitos. A segunda explica passo a passo o desenvolvimento da aplicação exemplo utilizando AJAX. A terceira apresenta o componente AjaxUtil e mostra como seu uso pode facilitar o desenvolvimento de aplicações web com AJAX.

Introdução ao AJAX

O que é AJAX?

A sigla AJAX vem de “Asyncronous Javascript And XML”. Uma definição encontrada para AJAX foi: “O uso sistêmico de JavaScript e XML para tornar aplicações web mais interativas, utilizando-se de solicitações assíncronas de informações”.

A principal idéia por trás do AJAX é tornar as aplicações web mais dinâmicas e criativas. Para isto, faz uso não somente de uma tecnologia, mas de um conjunto de tecnologias trabalhando juntas. Basicamente são elas: XHTML, CSS, DOM, XML, XSLT, XMLHttpRequest e JavaScript (esta última desempenhando o papel de unir as demais).

AJAX é suportado por diversos browsers (como Mozilla Firefox, Internet Explorer 5+, Opera, Konqueror ou Safari).

A quantidade de tecnologias assustou? Não se desanime, tudo gira em torno do bom e conhecido JavaScript. Apenas para não deixar maiores dúvidas, seguem breves

descrições das demais tecnologias envolvidas:

• XHTML/CSS: utilizadas para a apresentação da interface  com o usuário. XHTML nada mais é do que uma reformulação do HTML 4, baseando-se em XML. Assim, documentos XHTML podem ser manipulados e validados com ferramentas XML padrão.

CSS por sua vez é um mecanismo que pode ser utilizado para adicionar estilo (fontes, cores, espaçamentos, etc) aos documentos XHTML.

• DOM: é um modelo de objetos para acesso e modificações de documentos XML. Assim, ele nada mais é do que uma forma padrão para que aplicações e scripts trabalhem com documentos XML.

• " [...] continue lendo...