Windows Vista - Curso Completo - 1476 páginas Windows Server 2003 - Curso Completo SQL Server 2005 - Curso Completo 1500 Tutoriais de Informática Windows Vista - Curso Completo - 1476 páginas Curso Completo de Access Certificações Microsoft
 
Comprar Cursos e Vídeo-Aulas Cursos Online com Certificado Comprar Livros Foruns de Discussao

Você está aqui: Principal » Lista Completa de Tutoriais

Sobre este Tutorial

Autor: Mauricio Pereira Borges Junior
Data: 22-08-2005
Categoria: Programação
Assunto: C# - BÁSICO
Visitas: 30867
E-mail: mauricio@ascompras.com
Site: http://www.mauriciojunior.org/
Avaliação: (17 votos)
1 2 3 4 5
Comentários: Ler / Escrever

Ajax com C#.NET, usando tecnologia ASPNET (parte 1).

 

Um pouco de conceito

 

Ájax significa “Asynchronous Javascript And Xml”, e é uma técnica relativamente antiga, mas que até 2 anos e meio atrás não tinha um nome próprio, era mais um “truque” na manga de programadores avançados. Essa técnica consiste em utilizar Javascript, XML e XmlHttpRequest de forma a criar paginas que executem código sem serem recarregadas, ou seja, para utilizar um termo mais utilizado entre os programadores e analistas ASPNET, sem realizar postbacks ou reload na página.

 

Uma outra forma de explicar isso, é dizer que o Ajax permite um comportamento assíncrono de sua página, ou seja, seu programa vai executar o código no servidor sem que a pagina fique “travada”, permitindo que o usuário enquanto isso continue utilizando-a (você já deve estar pensando o quanto isso seria útil naquela sua pagina que executa uma consulta ao banco de dados que leva 20 segundos).

 

Essa nova tecnologia pode ser usada praticamente em todas as plataformas de programação para web, tais como PHP, Perl, ASP, JAVA e outros, vêm incorporando bibliotecas para suporte a Ajax, e não poderia ser diferente com ASPNET. A implementação mais popular é chamada de Ajax.Net e nesse artigo irei explorar algumas possibilidades da tecnologia.

 

Instalando Ajax.Net

 

Antes de começar a utilizar a tecnologia Ajax.Net, primeiramente tenho que instalar em meu projeto a DLL Ajax.Net. A mesma pode ser baixada no endereço http://ajax.schwarz-interactive.de e é composto além da DLL um ótimo tutorial em inglês. Clique em Download the latest DLL e descompacte o arquivo em algum diretório de sua máquina.

 

Abra o Visual Studio.NET 2003 e crie um projeto ASPNET com o nome que quiser. É necessário adicionar essa referência ao seu projeto. Siga os passos abaixo: No Visual Studio, em Solution Explorer, clicar com o botão direito do mouse em References e em Add Reference, na aba .NET, clique em Browser e selecione o arquivo ajax.dll no diretório que foi descompactado.

 

Referência: 1-1

 

Referência: 1-2

 

Para configurar uma ultima coisa, deve ser inserido as linhas abaixo no arquivo web.config e dentro do laço ou tag system.web.

 

 

Estou apenas adicionando um comando que permite que o Ajax intercepte chamadas ao servidor e atue quando necessário. Pronto, agora já pode ser criada uma página para teste.

 

Hello World

 

Para funcionar o Ajax devo fazer em duas partes: uma parte reside no servidor, ou seja, no código .cs, executa a parte compilada do código, por exemplo, validar um usuário, buscar dados no banco de dados, efetuar algum calculo pesado, etc.; a outra parte fica no cliente, ou seja, javascript e que mostra na tela com alertas e outros.

 

Na pagina WebForm1.aspx.cs insira o código seguinte:

 

 

A única coisa diferente nesse método é a linha de código [Ajax.AjaxMethod()] .

 

Dentro do método padrão que já vem na classe, o famoso Page_Load devemos inserir o seguinte código:

 

 

Esse comando acima adiciona automaticamente um bloco de código javascript em nossa pagina aspx, para que ela possa lidar com as chamadas Ajax. O importante é você colocar o parâmetro do typeof, ou seja, o nome da classe que você quer expor, nesse caso, o nome que você deu a sua pagina. Como estou mantendo o padrão que está vindo no Visual Studio.NET, então a minha pagina é WebForm1.aspx.

 

Certo a parte do código fonte era isso, agora devo ir a parte do código html.

 

Dentro do Form1, adicione uma caixa de texto, um botão e um div.

 

 

Agora irei adicionar duas funções em javascript. É recomendado colocar todas as funções em javascript dentro do código <head></head>. As funções podem ser acrescentadas em qualquer parte do html, porém o recomendado é dentro do bloco <head>.

 

 

Prontinho, agora inicie o projeto, digite o nome e clique no botão.

 

Referência: 1-3

 

Clique no botão Alo Ajax e veja a rapidez que é mostrado o código ou descrição que fizemos. Note também que a pagina não é da reload, ou seja, a pagina não é recarregada.

 

Referência: 1-4

 

Espero que tenha ajudado.

Mauricio Junior

mauricio@ascompras.com.br

www.ascompras.com.br

www.aspneti.com.br

 

LISTA DE TODOS OS TUTORIAIS DISPONÍVEIS

 


CURSOS ONLINE COM CERTIFICADO E SUPORTE
Gerência de Projetos SQL Server 2005 Gerência Financeira Windows Server 2003
MS Project 2007 Photoshop Projeto e Interconexão de Redes LAN Técnico Profissionalizante de Informática
CURSO EM FORMATO DE VÍDEO-AULA
EXEMPLOS PRÁTICOS PASSO A PASSO COM SOM E IMAGEM
Clique no curso para informações detalhadas
Curso Duração Informações
ACCESS
Vídeo-Aula - Access 2007 - Curso Básico 2h01m Clique aqui
Vídeo-aula - Access 2007 - Tudo Sobre Consultas 2h30m Clique aqui
Vídeo-Aula - Curso Avançado de Access 2003 2h48m Clique aqui
Vídeo-Aula - Curso Básico de Access 2003 2h49m Clique aqui
EXCEL
Vídeo-aula - Criando uma Agenda no Excel 40m Clique aqui
Vídeo-aula - Curso de Macros e Programação VBA no Excel - Avançado 11h27m Clique aqui
Vídeo-aula - Curso de Macros e Programação VBA no Excel - Básico e Int... 13h02m Clique aqui
Vídeo-aula - Excel 2003 - Curso Básico 3h03m Clique aqui
Vídeo-Aula - Excel 2007 - Curso Avançado 2h30m Clique aqui
Vídeo-Aula - Excel 2007 - Curso Básico 2h35m Clique aqui
Vídeo-Aula - Tabelas Dinâmicas Avançadas no Excel 2003 2h Clique aqui
Vídeo-aula - Tudo Sobre Funções Matriciais no Excel 2h30m Clique aqui
Vídeo-Aula - Tudo Sobre Gráficos no Excel 9h Clique aqui
Vídeo-aula interativa: Tudo Sobre Tabelas Dinâmicas no Excel 2003 2h30m Clique aqui
WORD
Vídeo-Aula - Curso Básico de Word 2003 2h14m Clique aqui
Vídeo-aula - Word 2003 Avançado 1h34m Clique aqui
Vídeo-aula - Word 2003 Básico 2h14m Clique aqui
Vídeo-Aula - Word 2007 - Curso Básico 2h23m Clique aqui
POWERPOINT
Vídeo-Aula - Curso Básico de PowerPoint 2003 2h22m Clique aqui
WINDOWS
Vídeo-Aula - Curso Básico de Windows XP 2h36m Clique aqui
Vídeo-Aula - Windows XP - Formatação e Instalação 3h47m Clique aqui
Vídeo-Aula - Windows XP Básico + Intermediário + Dicas Práticas 8h Clique aqui
PROGRAMAÇÃO
Vídeo-Aula - CALCULADORA HP 12C - Curso Prático em 80 Lições 02h30m Clique aqui
Vídeo-Aula - CALCULADORAS HP 50G - 49G/G+ - 48 GII -- Clique aqui
Vídeo-Aula - Curso Completo de Lógica de Programação 22h15m Clique aqui
Vídeo-Aula - Lógica de Programação com VB.NET 14h Clique aqui
CONCURSOS PÚBLICOS
Vídeo-aula - Excel Para Concursos Públicos - Simulados e Provas Coment... 2h Clique aqui
Vídeo-Aula - Matemática Básica - Módulo I 22h Clique aqui
Vídeo-aula - Matemática Financeira - Teoria e Prática 9h10m Clique aqui
Vídeo-Aula - Raciocínio Lógico - Curso Completo e Prático 12h Clique aqui
Vídeo-aula - Série Concursos: Inglês ESAF - Simulados e Provas Comenta... 2h Clique aqui
BANCO DE DADOS
Vídeo-Aula - Dominando o ORACLE - Curso Prático 12h Clique aqui
Vídeo-Aula - MySQL - Curso Completo e Prático 11h30m Clique aqui
Vídeo-aula - SQL Server 2005 - Reporting Services 2h30m Clique aqui
WEBDESIGN
Vídeo-Aula - Criação de Sites - Curso Básico 2h53m Clique aqui
Vídeo-Aula - Criando Blogs Profissionais - Curso Completo 45m Clique aqui
Vídeo-Aula - Criando Sites Dinâmicos Avançados com DreamWeaver CS3, PH... 4h54m Clique aqui
Vídeo-Aula - Criando Sites Dinâmicos com DreamWeaver CS3, PHP e MySQL 4h05m Clique aqui
Vídeo-Aula - Criando uma Loja Virtual com PHP e MySQL - Curso Completo 19h Clique aqui
Vídeo-Aula - Curso Completo de PHP + HTML + CSS 27h35m Clique aqui
Vídeo-Aula - DreamWeaver CS4 - Curso Prático 1h53m Clique aqui
Vídeo-aula - Flash CS3 - Básico e Prático 4h45m Clique aqui
Vídeo-Aula - Flash MX - Curso Básico 2h26m Clique aqui
Vídeo-Aula - HTML - Curso Prático 2h40m Clique aqui
Vídeo-Aula - Tableless - Crie Sites 100% nos Padrões Web 4h10m Clique aqui
INTERNET
DVD: Hardware - Curso Básico 58m Clique aqui
Vídeo-Aula - Curso de Microinformática Prática 4h35m Clique aqui
Vídeo-aula - Curso Prático de Internet 40m Clique aqui
Vídeo-aula - Curso Prático de Outlook Express 55m Clique aqui
CAD
Vídeo-Aula - Curso de Autocad 2D 4h Clique aqui
Vídeo-Aula - Curso de Autocad 3D 3h45m Clique aqui
VÍDEO E ÁUDIO
DVD: Conversão de Formatos Digitais: Áudio e Vídeo 1h26m Clique aqui
Vídeo-Aula - Como Criar Vídeo-Aulas - Curso Prático 1h04m Clique aqui
Vídeo-Aula - Curso de Teoria Musical 1h Clique aqui
PROGRAMAS GRÁFICOS
Vídeo-Aula -  Flash CS4 - Curso Prático 2h19m Clique aqui
Vídeo-Aula - Curso de CorelDraw X4 - Módulo I 3h Clique aqui
Vídeo-Aula - Curso Profissional Photoshop 4h20m Clique aqui
Vídeo-Aula - Fireworks CS4 - Curso Prático 1h35m Clique aqui
Vídeo-Aula - Photoshop CS4 - Curso Prático 4h24m Clique aqui
ADMINISTRAÇÃO E NEGÓCIOS
DVD - Curso de Oratória - Falando em Público sem Medo 2h36m Clique aqui
LIVROS CAMPEÕES DE VENDA NO SITE
Dossiê Hacker
Universidade Project
Loja de Livros

© Júlio Battisti, 2001 - 2009. Todos os direitos reservados.
É expressamente proibida a reprodução total ou parcial do conteúdo deste site e dos textos disponíveis, seja através de mídia eletrônica, impressa, ou qualquer outra forma de distribuição. Os infratores serão indiciados e punidos com base na lei nº 9.610 de 19/02/1998. Este tutorial só pode ser publicado no site www.juliobattisti.com.br e no site do Autor do tutorial. Nenhum outro site tem permissão para copiar e publicar este tutorial, mesmo que sejam mantidas todas as referências ao autor e ao site www.juliobattisti.com.br. Não é permitida a publicação deste tutorial em nenhum outro site.