Conheça o Júlio Battisti

Julio Battisti - Autor de mais de 25 livros de informática Júlio Battisti tem mais de 50 livros publicados, centenas de e-books e é certificado Microsoft.

SAIBA MAIS...

Loja Virtual do Site

Curta Nossa Fanpage

Inserindo Usuário no Banco de Dados MYSQL Usando Tecnologia AJAX

Olá pessoal, meu nome é Maurício Júnior, demonstrarei nesse artigo como inserir um usuário no banco de dados sem realizar o postback ou refresh na página. Esse artigo é uma continuação do artigo Ajax anterior.

Referência: 1-1

O primeiro de tudo é criar uma tabela no banco de dados MYSQL com o nome tb_usuario e com os seguintes campos:

*TB_USUARIO*
ch_usuario	int(3) auto_increment
no_usuario	varchar(200)
pw_usuario	varchar(255)
email_usuario	varchar(255)

Depois da estrutura do banco de dados criada, irei inserir um método dentro da classe Usuario.cs chamado insereUsuario(nome,senha,email).

No artigo anterior, criei a classe acessoBanco.cs com os métodos para abrir o banco de dados e fechar o banco de dados, ou seja, a conexão com o banco de dados. Estou usando a mesma classe e o mesmo método, o mesmo está com a cor vermelha acima. A string sql apenas pega os dados passados e insere no banco de dados automaticamente abrindo a conexão e fechando logo depois. Se for inserido corretamente o método retornará true, se der algum erro retornará false.

Referência: 1-2

Dentro do método insereUsuario, estou utilizando a classe Criptografia.cs e o método encrypt passando a string senha.

Abaixo segue todo o código da classe Criptografia.cs:

Passando agora para a parte HTML, mais especificamente a página WebForm1.aspx coloquei o código seguinte:

<form id="Form1" method="post" runat="server">

Nome: <asp:TextBox ID="txtNome" Runat="server"></asp:TextBox><br>

Senha:<asp:TextBox ID="txtSenha" TextMode=Password Runat="server"></asp:TextBox><br>

E-mail<asp:TextBox ID="txtEmail" Runat="server"></asp:TextBox><br>

<button onclick="InsereUsuario()" type="button">Insere Usuário</button>

<br><br>

<div id="divResposta"></div>

</form>

Veja que tenho os objetos na tela como nome, senha, email e um botão Insere Usuário. Preste atenção que, o meu botão executa um script em javascript chamado InsereUsuario(). Veja o código abaixo:

<script language="javascript">

function InsereUsuario(){

var nome = document.Form1.txtNome.value;

var senha = document.Form1.txtSenha.value;

var email = document.Form1.txtEmail.value;

Usuario.insereUsuario(nome,senha,email,InsereUsuario_CallBack);

}

function InsereUsuario_CallBack(response){

var retorno = response.value;

if (retorno){

document.all('divResposta').innerHTML = "Inserido com sucesso !!";

}else{

document.all('divResposta').innerHTML = "Erro ao inserir usuario !!";

}

}