Explorando o ASP.NET AJAX

Artigo recomendado para Visual Studio 2008; Ajax Control toolkit

Com o lançamento do Visual Studio 2008 em conjunto com o ASP.NET 3.5, os desenvolvedores passaram a contar os recursos de AJAX (Asynchronous Javascript and XML) diretamente integrados na IDE do Visual Studio. Implemente agora mesmo o AJAX e evite de sua uma aplicação web ficar recarregando a tela por completo a cada clique no botão. Quantos usuários de sua aplicação estão reclamando dessa característica nesse momento?

Então vamos resolver agora mesmo! Vá ao Visual Studio 2008 e inicie um novo projeto ASP.NET Web Application conforme figura 01.

Figura 01 – Criando um projeto

Após iniciar o projeto, você vai verificar que agora tem na Toolbox um novo conjunto de controles com o nome de AJAX Extensions conforme figura 02. Com esses novos controles você terá o suporte para implementação do AJAX de forma automática usando ASP.NET sem a necessidade de escrever o código JavaScript na mão.

Figura 02 – Novo conjunto de controles

Abra a sua página e arraste os seguintes controles conforme figura 03:

• ScriptManager (Controlar os JavaScripts gerados pelo AJAX)
• UpdatePanel (Área aonde você deve colocar os controles do ASP.NET)

Figura 03 – Update Panel e ScriptManager

Na seqüência, conforme figura 03, arraste para dentro do UpdatePanel um TextBox], um Label e Um Button. Agora é só implementar o código de teste no botão para copiar o valor do TextBox e exibir no Label (this.lblresultado.Text = this.TextBox1.Text;).

Feito isso, chegou a hora de rodar no seu browser a aplicação e conferir conforme figura 04, que ao clicar no botão, vai ter a resposta no label sem a necessidade de recarregar a pagina.

Figura 04 – Rodando no browser

Impressionante o que se pode fazer no ASP.NET sem escrever uma linha de código em JavaScript. Sucesso em seus projetos. Comente esse artigo!