Artigo Clube Delphi 70 - Delphi + Ajax.Net

Esse artigo faz parte da revista Clube Delphi Edição 70. Clique aqui para ler todos os artigos desta edição

Atenção: por essa edição ser muito antiga não há arquivo pdf para download desta revista. os artigos disponíveis somente em doc.

Delphi + Aiax.NET

Otimizando o tráfego HTTP com chamadas assíncronas e
Callbacks em aplicações ASP.NET

Conforme já foi dito em outros artigos da ClubeDelphi, para desenvolver para Web é necessário quebrar paradigmas. Um deles é que um WebForm (ASP.NET) é limitado e não possui tantos recursos quanto um formulário tradicional (TForm da VCL). Ajax surge como uma opção para enriquecer as interfaces via Web e melhorar a usabilidade das páginas, deixando-as mais responsivas.

O funcionamento do protocolo HTTP é chamado de request/response, isto é, a cada ação do usuário (dique por ex.), uma requisição é enviada ao servidor e após uma espera, outra página HTML é devolvida ao browser (ou seja, há refresh total da página). Esse ciclo "dique, espera, atualiza página" é demorado, consome banda
e é pouco eficiente. E se pudéssemos atualizar apenas as partes da página onde de fato houve modificações? Ajax faz isso e também permite que o usuário continue interagindo com a página enquanto uma requisição paralela está em andamento.

Neste artigo veremos como são implementadas requisições síncronas e assíncronas usando a biblioteca Ajax. NET e como as páginas podem ser atualizadas sem efetuar postback (execução do método Submit do formulário da página).

O termo Ajax foi cunhado por Jesse James Garrett da empresa Adaptive Path (www.adaptivepath.com), mas o objeto XmlHttp Requestjá existia no Internet Explorer desde sua versão 5 como um componente ActiveX. Outros browsers já possuem uma implementação nativa desse objeto.

No lado cliente uma função JavaScript cria um objeto XMLHTTP Request e faz uma

Requisição de dados ao servidor. No lado servidor um HttpHandler recebe a requisição, chama um dos métodos marcados com o atributo [AjaxMethodAttribute] e serializa o objeto de retorno usando JSON (JavaScript Object Notation). No cliente, a string JSON é transformada novamente em objeto, a função de callback é chamada e alguma parte da página é atualizada. Isso acontece de maneira transparente para o usuário.

Neste artigo, para ver como o Ajax funciona na prática, vamos criar uma aplicação simples com dois controles HtmlTextBox,onde iremos digitar no primeiro controle e uma descrição aparecerá no segundo.