Bom dia. Estou com uma duvida que parece simples, porém, não consegui achar uma maneira de resolver isso. Quando chamo o método POST, através do botão salvar, ele me direciona para outra página mostrando a mensagem que os dados foram inseridos com sucesso, mas eu queria que a mensagem aparecesse na mesma página que seria a página cadForne. Alguém para me ajudar?
//pagina HTML cadForne
<form name='form1' action='controllerForm' method='post'>
<label>Codigo</label>
<input type='text' name='id' id='idcad_fornecedor' style="text-transform: uppercase;"><br>
<label>CNPJ/CPF</label>
<input type='text' name='cnpj_cpf' id='cnpj_cpf' style="text-transform: uppercase;"><br>
<label>Razao Social</label>
<input type='text' name='social' id='raz_social' style="text-transform: uppercase;"><br>
<label>Nome Fantasia</label>
<input type='text' name='fantasia' id='nome_fantasia' style="text-transform: uppercase;"><br>
<label>Endereço</label>
<input type='text' name='endereco' id='endereco' style="text-transform: uppercase;"><br>
<label>CEP</label>
<input type='text' name='cep' id='cep' style="text-transform: uppercase;"><br>
<label>Telefone</label>
<input type='text' name='telefone' id='telefone' style="text-transform: uppercase;"><br>
<input type='submit' name='btnSubmit' id='btnSubmit' value='Salvar' >
</form>
//meu app.js
//routes templates
app.get("/cadForne", function(req, res) {
res.sendFile(__dirname+"/html/cadForne.html");
});
app.get("/", function(req, res){
res.render('index');
});
//Rota Inserir
app.post("/controllerForm", urlencodeParser, function(req, res){
sql.query("insert into cad_fornecedor values (?,?,?,?,?,?,?)", [
req.body.id,
req.body.cnpj_cpf,
req.body.social,
req.body.fantasia,
req.body.endereco,
req.body.cep,
req.body.telefone
]);
res.render('controllerForm');
});
* {
margin:0;
padding:0;
box-sizing: border-box;
}
h1 {
color: darkred;
width: 100%;
text-align: center;
}
a {
color: #333;
}
table {
width: 100%;
text-align: center;
}
table td {
width: 25%;
}
table tr first-child {
background: #333;
color: #fff;
font-weight: bold;
padding: 15px;
}
@keyframes hide {
from { opacity: 1 }
to { opacity: 0 }
}
.alert-box {
animation: hide 2s 2s forwards;
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
text-align: center;
}
.success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.error {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
<div class="alert-box success">Dados salvos com Sucesso!</div>