Olá. Eu tenho um formulário e uma tabela (que lista os funcionários da empresa).
Quando eu clico em um TR (de seu respectivo funcionário) na tabela, os dados do formulário são preenchidos com os dados do funcionário da empresa. Então, se eu modificar algum dado do funcionário, eu envio os dados para um arquivo PHP e faço um update na tabela do banco de dados e atualizado os dados deste funcionário. Até ai tudo bem. (Ou seja, o botão "ALTERAR" que leva ao update está funcionando normalmente)
Só que eu gostaria de que quando eu NÃO clicasse da tr da tabela, e o formulário estivesse em branco, eu inserir dados nele e cadastrar um novo funcionário (realizar um INSERT).
Estou quebrando um pouco a cabeça aqui. Pensei em colocar dois botões submits, um sendo o "ALTERAR" e outro sendo o "CADASTRAR". E cada um deles chamar um função diferente do jQuery para eu conseguir usar um AJAX específico que se comunique com arquivos PHP diferentes.
Mas não estou conseguindo ver uma boa lógica nisso. Se alguém puder me ajudar, eu ficaria grato. (Acredito que não seja algo difícil)
Abaixo segue o código que estou utilizando até então.
$(document).ready(function() {
// AO CARREGAR A PÁGINA, CHAMAR A FUNÇÃO QUE PREENCHE OS FUNCIONÁRIOS
$(function() {
preencher_funcionarios();
});
//Evento que ocorre ao submitar o formulário
$('#formulario-cadastrar-funcionarios').submit(function(e) {
e.preventDefault();
var formulario_cadastrar_funcionarios = $(this);
var retorno_cadastrar_funcionarios = cadastrar_funcionarios(formulario_cadastrar_funcionarios);
});
//Função que faz o cadastro do funcionário
function cadastrar_funcionarios(cadastrarfuncionarios) {
$.ajax({
url: "banco/banco-vision/pagina-cadastrar-funcionarios/incluir-funcionarios.php",
type: "post",
data: cadastrarfuncionarios.serialize(),
cache: false,
}).done(function(retornousuarios) {
var funcionarios = "";
$.each($.parseJSON(retornousuarios), function(chave, funcionarios_cadastrados) {
//Aqui atualizamos a tabela da lista dos funcionários
//CRIANDO AS LINHAS COM OS TD DA TABELA QUE SÃO O RESULTADO NA CONSULTA AO BANCO
funcionarios += '<tr id="' + funcionarios_cadastrados.codigo + '">';
funcionarios += '<td>' + funcionarios_cadastrados.usuario + '</td>';
funcionarios += '<td>' + funcionarios_cadastrados.EMPRESA_ORIGEM + '</td>';
funcionarios += '<td>' + funcionarios_cadastrados.departamento + '</td>';
funcionarios += '</tr>';
});
$('#registros-funcionarios-cadastrados').html(funcionarios);
alert(retornousuarios);
}).fail(function() {
console.log("Erro ao atualizar");
}).always(function() {
});
}
});
<?php
//CHAMANDO O ARQUIVO DE CONEXÃO COM O BANCO DE DADOS
require_once("banco/conexao/conexao-com-banco.php");
require_once("banco/validador-de-login/validador-login.php");
?>
<?php
require_once("banco/banco-vision/pagina-cadastrar-funcionarios/preencher-select-departamento.php");
?>
<!DOCTYPE html>
<html>
<head>
<title>T-Vision</title>
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<meta name="viewport" content="width=devide-width, initial-scale=1">
<meta charset="UTF-8">
<script src="_jQuery/jquery-3.2.1.min.js"></script>
<!-- ARQUIVO JQUERY -->
<link href="_css-cadastrar-funcionarios/pagina-cadastrar-funcionarios/cadastrar-funcionarios.css" rel="stylesheet">
<!-- ARQUIVO CSS DO -->
<link href="_bootstrap4.1.1/css/bootstrap.min.css" rel="stylesheet">
<!-- ARQUIVO CSS DO BOOTSTRAP -->
</head>
<body>
<!-- INTRODUÇÃO VIDEO - ANDREWS-->
<!--
<video autoplay muted loop id="myVideo">
<source src="_videos/Intro_Login.mp4" type="video/mp4">
</video>
-->
<div class="container-fluid">
<div class="row" id="row-filtros-funcionario">
<!-- DIV COM O FORMULÁRIO DE LOGIN -->
<div class="col-lg-8 col-lg-offset-2" id="cadastrar-funcionarios">
<h2>INFORMAÇÕES DO FUNCIONÁRIO</h2>
<form action="" method="post" id="formulario-cadastrar-funcionarios">
<div class="form-group">
<label for="usuario">Usuario:</label>
<input class="form-control" type="text" id="usuario" name="usuario" placeholder="Digite o nome do usuário" required autofocus />
</div>
<div class="form-group">
<label for="senha-usuario">Senha:</label>
<input class="form-control" type="text" id="senha-usuario" name="senha-usuario" pattern="^(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*[@#$])[a-zA-Z0-9@#$]{8,50}$" placeholder="Digite a senha do usuário" required />
<span style="font-size: 70%">(A senha deve conter no mínimo uma letra maiúscula, uma minúscula, um número e um caracter especial (@, # ou $). A senha deve possuir no mínimo 8 caracteres.)</span>
</div>
<div class="form-group">
<label for="email-usuario">Email:</label>
<input class="form-control" type="email" id="email-usuario" name="email-usuario" placeholder="Digite o email do usuário" required />
</div>
<div class="form-group">
<label for="departamento-usuario">Departamento:</label>
<select class="form-control" name="departamento-usuario" id="departamento-usuario" required>
<?php
while($linha_departamento = mysqli_fetch_assoc($lista_departamento))
{
?>
<option value="<?php echo $linha_departamento[" DEPARTAMENTO "];?>">
<?php echo $linha_departamento["DEPARTAMENTO"];?>
</option>
<?php
}
?>
</select>
</div>
<div class="form-group">
<label for="empresa-origem-usuario">Empresa Origem:</label>
<select class="form-control" name="empresa-origem-usuario" id="empresa-origem-usuario" required>
<?php
while($linha_empresa_origem = mysqli_fetch_assoc($lista_empresa_origem))
{
?>
<option value="<?php echo $linha_empresa_origem[" EMPRESA_ORIGEM "];?>">
<?php echo $linha_empresa_origem["EMPRESA_ORIGEM"];?>
</option>
<?php
}
?>
</select>
</div>
<div class="form-group">
<label for="tipo-usuario">Tipo de Usuário</label>
<select class="form-control" name="tipo-usuario" id="tipo-usuario" required>
<option id="usuariocomum" value="usuariocomum">USUARIO COMUM</option>
<option id="supervisor" value="supervisor">SUPERVISOR</option>
<option id="administrador" value="administrador">ADMINISTRADOR</option>
</select>
</div>
<div class="form-group">
<label for="status-usuario">Status do Usuário</label>
<select class="form-control" name="status-usuario" id="status-usuario" required>
<option id="ativo" value="ativo">ATIVO</option>
<option id="inativo" value="inativo">INATIVO</option>
</select>
</div>
<input type="hidden" name="cod-funcionario" id="cod-funcionario" value="1000">
<div class="form-group">
<input class="btn btn-md btn-primary" type="submit" name="cadastrar-funcionarios" id="cadastrar-funcionarios" value="CADASTRAR FUNCIONÁRIO">
</div>
<div class="form-group">
<input class="btn btn-md btn-success" type="submit" name="salvar-funcionarios" id="salvar-funcionarios" value="ALTERAR FUNCIONÁRIO">
</div>
<div class="form-group">
<input class="btn btn-md btn-danger" type="reset" name="resetar-campos" id="resetar-campos" value="LIMPAR">
</div>
</form>
<div id="mensagem">
<h5>
<?php echo $mensagem ?>
</h5>
</div>
</div>
</div>
<div class="col-lg-8 col-lg-offset-2" id="listagem-funcionarios">
<table class="table table-bordered table-condensed table-hover" id="resultado-funcionarios-cadastrados">
<thead class="">
<tr>
<th>FUNCIONÁRIO</th>
<th>EMPRESA</th>
<th>DEPARTAMENTO</th>
</tr>
</thead>
<tbody id="registros-funcionarios-cadastrados">
</tbody>
</table>
</div>
</div>
<script src="_jquery/jquery-3.2.1.min.js"></script>
<!-- ARQUIVO JQUERY -->
<script src="_bootstrap4.1.1/js/bootstrap.min.js"></script>
<script src="_scripts/script-vision/script-pagina-cadastrar-funcionarios/cadastrar-funcionarios.js"></script>
</body>
<!-- FIM DO BODY -->
</html>
<!-- FIM DO HTML -->
<?php
// Fechando Conexão
mysqli_close($conecta);
?>
<!-- ARQUIVO PHP QUE FAZ A ALTERAÇÃO DOS DADOS DO FUNCIONÁRIO incluir-funcionario.php -->
<?php
date_default_timezone_set('America/Sao_Paulo');
require_once "../../conexao/conexao-com-banco.php";
date_default_timezone_set('Etc/GMT+3');
setlocale(LC_ALL, "", "pt_BR.utf-8");
//PREENCHE AS VARIÁVEIS COM OS DADOS VINDOS DOS CAMPOS DO FORMULÁRIO
$usuario_alterar = filter_input(INPUT_POST, 'usuario', FILTER_SANITIZE_STRING);
$funcionario_alterar = $usuario_alterar;
$senha_alterar = filter_input(INPUT_POST, 'senha-usuario', FILTER_SANITIZE_STRING);
$email_alterar = filter_input(INPUT_POST, 'email-usuario', FILTER_SANITIZE_EMAIL);
$departamento_alterar = filter_input(INPUT_POST, 'departamento-usuario', FILTER_SANITIZE_STRING);
$empresa_origem_alterar = filter_input(INPUT_POST, 'empresa-origem-usuario', FILTER_SANITIZE_STRING);
$tipo_usuario_alterar = filter_input(INPUT_POST, 'tipo-usuario', FILTER_SANITIZE_STRING);
$status_alterar = filter_input(INPUT_POST, 'status-usuario', FILTER_SANITIZE_STRING);
$cod_alterar = filter_input(INPUT_POST, 'cod-funcionario', FILTER_SANITIZE_NUMBER_INT);
if($status_alterar == "ativo")
{
$status_usuario_alterar = 1;
}
else if($status_alterar == "inativo")
{
$status_usuario_alterar = 0;
}
if($tipo_usuario_alterar == "usuariocomum")
{
$update_alterar_usuario = "UPDATE tbl_usuarios set funcionario = '$funcionario_alterar', usuario = '$usuario_alterar', senha = '$senha_alterar', email = '$email_alterar', DEPARTAMENTO = '$departamento_alterar', EMPRESA_ORIGEM = '$empresa_origem_alterar', USUARIO_COMUM = 1, SUPERVISOR = 0, ADMINISTRADOR = 0, ATIVO = $status_usuario_alterar, imagem = 'Sem Imagem' WHERE CODIGO = $cod_alterar";
}
else if($tipo_usuario_alterar == "supervisor")
{
$update_alterar_usuario = "UPDATE tbl_usuarios set funcionario = '$funcionario_alterar', usuario = '$usuario_alterar', senha = '$senha_alterar', email = '$email_alterar', DEPARTAMENTO = '$departamento_alterar', EMPRESA_ORIGEM = '$empresa_origem_alterar', USUARIO_COMUM = 1, SUPERVISOR = 1, ADMINISTRADOR = 0, ATIVO = $status_usuario_alterar, imagem = 'Sem Imagem' WHERE codigo = $cod_alterar";
}
else if($tipo_usuario_alterar == "administrador")
{
$update_alterar_usuario = "UPDATE tbl_usuarios set funcionario = '$funcionario_alterar', usuario = '$usuario_alterar', senha = '$senha_alterar', email = '$email_alterar', DEPARTAMENTO = '$departamento_alterar', EMPRESA_ORIGEM = '$empresa_origem_alterar', USUARIO_COMUM = 1, SUPERVISOR = 1, ADMINISTRADOR = 1, ATIVO = $status_usuario_alterar, imagem = 'Sem Imagem' WHERE codigo = $cod_alterar";
}
$result_update_alterar_usuario = mysqli_query($conecta, $update_alterar_usuario);
$affected_rows = 0;
$affected_rows = mysqli_affected_rows($conecta);
if($affected_rows != 0)
{
$select_usuarios = "SELECT * from tbl_usuarios";
$lista_usuarios = mysqli_query($conecta, $select_usuarios);
if(!$lista_usuarios)
{
die("Erro no Banco - Erro no Select na tabela tributações");
exit;
}
$retorno_usuarios = array();
while($linha_usuarios = mysqli_fetch_object($lista_usuarios))
{
$retorno_usuarios[] = $linha_usuarios;
}
}
else
{
die('O funcionário não foi cadastrado - Tente Novamente');
exit();
}
echo json_encode($retorno_usuarios);
?>
Abaixo temos imagens do sistema
Obrigado!