soy nuevo en node js y express. Necesito actualizar solo una parte de la página (un td en la tabla o la tabla completa) después de realizar una consulta de actualización de la base de datos usando express. Entonces, de esta manera, mostraré el valor actualizado para el td sin actualizar toda la página. La consulta de actualización se realiza haciendo clic en un elemento <a> . Gracias.

Aquí algo de código que uso:

Html de la página index.ejs:

 <thead> <tr><th>Goals</th></tr> </thead> <tbody> <% if(userData.length!=0){ var i=1; userData.forEach(function(data){ %> <tr> <td><a href="add-goal?id=<%= data.id %>"><i class="bi bi-plus-circle-fill text-success"></i></a><span class="badge bg-primary rounded-pill"><%=data.goals%></span></td> </tr> <% i++; }) %> <% } else{ %> <tr> <td colspan="10">No Data Found</td> </tr> <% } %> <tbody>

Seleccione Consultar a la base de datos:

 router.get('/players-list', (req, res, next) => { db.query('SELECT * FROM players_list ORDER BY goals DESC;', (err, data, fields) => { if (err) throw err; }); });

Actualizar consulta a la base de datos:

 router.get('/add-goal', (req, res, next) => { db.query('UPDATE players-list SET goals = goals + 1 WHERE id = ?', req.query.id, (err, data) => { res.redirect('players-list'); }); });

PD No hace mucha diferencia si actualizo el td, el tr o toda la tabla.