Как я могу вызвать функцию публикации со ссылкой

Question

У меня есть панель навигации, и я хочу также иметь тег, в котором я могу вызывать свою функцию публикации. Проблема в том, что я не знаю, как это назвать ссылкой. Если вы посмотрите на мой код навигационной панели, вы увидите, что я работаю со ссылками.

Вот моя функция поста

app.post('/logout', (req, res) => {
    if (req.session) {
        try{
            console.log(`${req.session.userdata.name} logged out at ${getTime()} at the devide ${req.ip.slice(7)} ${req.ips}`)
        } catch(error){
            console.log(`"Err" logged out at ${getTime()} at the devide ${req.ip.slice(7)} ${req.ips}`);
        }
        req.session.destroy(function(err) {
            if(err) {
                return next(err);
            } else {
                return res.redirect('/');
            };
        });
    };
});

А вот мой код навигатора

<div class="navbar">
    <a class="active" href="/user/:id/home">Home</a>
    <a href="/">Login</a>
    <a href="/info">Info</a>
</div>

Я тоже пробовал

<form action="/logout" method="post">
  <a href="#" id = "logout" title="save logout"><i class="fa fa-fw fa-power-off"> </i>Logout</a>
</form>

Answer 1

Вы должны прослушать событие click ссылки, И submit форму, используя javascript.

Здесь я использую JQuery,

$('#logout').click(function(e){

  e.preventDefault();
  $('#logout_form').submit();

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form action="/logout" method="post" id='logout_form'>
  <a href="#" id="logout" title="save logout">
     <i class="fa fa-fw fa-power-off"> </i>Logout
  </a>
</form>