Artigo Clube Delphi 92 - VCL for the Web e Ajax

Novidades

VCL for the Web e Ajax

Utilizando o poder do Ajax em aplicações com VCL for the Web no Delphi 2007

Estamos entrando na era da Web 2.0 e certamente uma das maiores inovações da nova internet, dentre muitas, tem um nominho bem pequeno, mas que supera muitas espectativas: Ajax. Atualizar páginas sem a necessidade de reload e requisições ao servidor tornou-se rotina em diversos sites. São inúmeras as possibilidades. Hoje podemos encontrar Ajax em portais como Yahoo!, UOL, Terra, Orkut entre outros.

No artigo “Delphi 2007 em Detalhes”, na edição 86, publiquei diversos exemplos sobre os principais aspectos da nova IDE e entre elas estava a VCL for the Web. A VCL for the Web é o novo nome dado aos antigos componentes Intraweb da empresa Atozed Software.

Agora totalmente reformulada e com novos componentes, a VCL for the Web vem totalmente compatível com Ajax. Veremos nesse artigo onde, como e porque aplicar Ajax. Faremos a construção de uma página de cadastro onde alguns itens utilizarão Ajax e outros farão requisições ao servidor, assim poderemos visualizar as diferenças entre ambos métodos.

Entendendo o que é Ajax

Ajax, na verdade, não é uma tecnologia e sim um conjunto de tecnologias já conhecidas que unidas formam um novo conceito de desenvolvimento dinâmico e assíncrono. O objetivo principal do Ajax é tornar a navegação Web mais dinâmica e interativa. Esse novo modelo de desenvolvimento envolve algumas das principais tecnologias encontradas para o ambiente Web, tais como: XHTML e CSS, DOM, XML e XSLT, XMLHttpRequest e Javascript. Seu significado é Asynchronous Javascript And XML.

No modelo atual de internet, uma página é carregada após obter seus dados de uma requisição ao servidor Web, ou seja, toda e qualquer página só é atualizada mediante a um reaload, recarregamento da mesma. Um exemplo disso seria a exclusão de um e-mail no webmail. Você seleciona a mensagem, clica em excluir, confirma e então a página é recarregada não mostrando mais o item, já que o mesmo foi apagado.

Em Ajax a etapa de recarregamento não acontece. Experimente selecionar uma mensagem no Gmail e apagá-la. Com certeza perceberá que somente o item sumiu sem que a página inteira fosse recarregada. Isso é Ajax. No diagrama da Figura 1 podemos ver claramente o fluxo de trabalho que envolve uma ou mais páginas Web.

" [...] continue lendo...