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.