Boa noite, pessoal!
Estou começando em node e tenho uma dúvida, tem alguma forma de enviar dados para o banco sem precisar usar um formulário?
Tipo, estou criando uma tela de pesquisa de clientes e quero que quando o mesmo clique no botão "muinto bom" esse eventos fique registrado no banco.
Fiz algumas pesquisas não encontrei nada sem usar o formulário.
Tem sim, basta configurar o evento com um listener ou passar a função que controlará o evento no próprio html. Ficaria assim:
const botaoMuitoBom = document.querySelector('referencia para o botão')
botaoMuitoBom.addEventListener('click', event => {
/*
aqui você coloca a função para registro no banco de dados
*/
})
Ou se preferir a abordagem com onClick:
<div class="modal" onclick="suaFunção()">
Muinto obrigado pela ajuda de vocês, conseguir resolver, mas a duvida era essa abaixo.
Eu estava precisando passar o value de um botão para a rota inserir no banco, conseguir fazer esse armengo abaixo rsrsrs.
`
<form method="POST" action="/muintoBoa" class="p-5">
<div class="d-grid gap-2">
<button class="btn btn-secondary p-3 m-2 fw-bold" value="click" name="titulo" type="submit" > Muinto boa</button>
</div>
</form>
`
router.post('/muintoBoa', function(req, res){
db.query("INSERT INTO satisfacao(muinto_boa, boa, ruim) VALUES (?,'valor', 'valorteste')",[req.body.titulo], function(erro){
if (erro){
res.status(200).send(Erro: ${erro})
}
res.redirect('/terminalPesquisa')
})
})
Solução simples passando a função na propriedade onclick do botão
<button onclick='suaFuncao()'>
Muito bom
</button>
const suaFuncao = () => {
//registro no banco
}
Aqui uma pequena dica, a propriedade onclick pode ser passada em qualquer elemento HTML.