Para lograr lo que quieres hacer, vas a necesitar ajax y the recomiendo usar axios. De esta forma no solo lograras lo que quieres sino que tu buscador sera en tiempo real.
<div id="searching">
<input type="text" id="user" placeholder=" Nombre">
<input type="button" value="Buscar" id="buscar">
</div>
<div id="results"></div>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
var input = document.getElementById('user');
var buscar = document.getElementById('buscar');
var results = document.getElementById('results');
function search (query, cb) {
axios.get('/users?q=' + query).then(function (res) {
// pasamos los datos recibidos a un callback
cb(res);
}).catch(function (e) {
// mostramos los errores en la consola en caso de que los haya
console.log(e);
});
}
buscar.addEventListener('click', function(e) {
window.location.assign('/users?q=' + input.value);
});
input.addEventListener('keydown', function(e) {
// obtenemos el texto del input al momento de ir escribiendo
var query = e.target.value;
search(query, function (res) {
// mostramos los datos
var output = [];
var data = res.data;
data.forEach(function(d) {
output.push('<div><strong>' + d.id + ': ' + d.nombre + '</strong></div>');
});
results.innerHTML = output.join('');
});
});
</script>
Y desde el lado del servidor osea desde node, seria así:
const getUsers = async (req, res) => {
const response = await pool.query('SELECT * FROM usuarios WHERE nombre = $1', [req.query.q]);
res.status(200).json(response.rows);
};
router.get('/users', getUsers);