Explorando o ASP.NET AJAX

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.

por Ramon Durães

TAGs recomendadas: ASP.NET;Visual Studio;VS2008;AJAX

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á o 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 pagina 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!