Ajax parte II

(buscando usuário no banco de dados)

 

Olá pessoal, essa é a segunda parte do artigo falando sobre Ajax.

 

Para seguir com esse artigo, melhor dar uma olhada no artigo anterior. Veja os links abaixo:

 

Primeira parte:

http://www.aspneti.com.br/visualizar/downloadArtigo.aspx?ch_artigos=34

 

Segunda parte:

http://www.aspneti.com.br/visualizar/downloadArtigo.aspx?ch_artigos=35

 

Este artigo será a terceira parte de uma série de artigo sobre Ajax. Para revisar, estarei mostrando o que foi montado anteriormente no projeto AjaxTeste como a ferramenta Visual Studio.NET 2003.

 

Criei um banco de dados em MYSQL com uma tabela e com quatro campos.

 

Referência: 1.1

 

Especificação da tabela:

 

Nome: TB_USUARIO

Campos:

ch_usuario             int

no_usuario             varchar(200)

pw_usuario            varchar(255)

email_usuario         varchar(255)

 

Logo depois criei uma classe chamada acessoBanco.cs com conexão com o banco de dados, essa classe tem dois métodos Conecta() e Desconecta().
Foi criado a seguir uma classe Usuario.cs que possui um método chamado insereUsuario passando os valores nome,senha e email como parâmetros do método.

 

A classe de criptografia também foi criada para criptografar a senha na hora que for inserida no banco de dados.

 

Começando com esse artigo, explicarei como buscar os usuários do banco de dados automaticamente depois de inseri-los. Criarei mais um método dentro da classe Usuario.cs que retornará o objeto DataSet.

 

 

Referência: 1.2

 

Não posso esquecer de referenciar o método [Ajax.Method()] para que o objeto possa encontrar o método que estou utilizando. Na segunda linha estou usando o método para conectar com o banco de dados. Logo a seguir monto o sql com o devido select na tabela do banco de dados. Instancio o dataset para uso, preencho com o dataadapter e retorno o dataset. A classe em si é bem simples para o entendimento.

 

Passando para a classe WebForm1.aspx, abaixo segue o html.

 

 

A parte do código que está em amarelo são os campos e o botão que chama o método que está na cor azul. A parte que está na cor vermelha traz e executa a busca do usuário, esse div de vermelho mostra a parte de usuário, ou seja, a tabela que virá do banco de dados.

 

Não posso esquecer de comentar o codebehing (código de trás) da classe webform1.aspx.cs.

 

 

Apenas use o registro na entrada da classe para que o ajax reconheça todos os métodos da classe registrada da forma do código acima.

Executei o código iniciando o projeto.

 

Referência: 1.3

 

Digitando o nome do usuário, senha e e-mail, clique no botão inserir, automaticamente e sem dar refresh na classe, ou seja, não da postback. Irá aparecer todos os usuários automaticamente no segundo div criado anteriormente.

 

Referência: 1.3

 

Digitei o nome, senha e e-mail do usuário, cliquei no botão inserir e automaticamente inseriu no banco de dados e mostrou todos os usuários que já estavam na tabela de usuário.

 

Espero ter ajudado a todos.

 

Mauricio Junior

www.ascompras.com

www.aspneti.com.br