Ytukyg

<% Me.out.forEach(function(req){ %>

  <div class="card">

    <div class="content">

      <div class="header"> <%= req %> </div>

    </div>

    <form class="ui form" action="/cancel/<%= req %>" method="post">

      <input type="submit" value="Cancel" class="ui bottom attached button">

    </form>

  </div>

<% }); %>

The code above is an EJS code snippet where 'Me' is a MongoDB object and 'out' is an array in it. This snippet is for canceling the friend requests which is a part of my project. So, when the cancel button is clicked, it makes a POST request which eventually refreshes the current page.

The code snippet for POST request is:

app.post('/cancel/:krypter', function(req, res){

  Krypters.findOne({handle: req.params.krypter}, function(err, cancel){

    // code for cancelling the request and modifying DB values goes here //

  });

  res.redirect('/home');

});

I am aware that the res.redirect('/home') is the reason for refreshing the current page. But how do I achieve this without refreshing the page? Kindly help me with the necessary code.