在确认弹出窗口（节点、快递、翡翠）中单击确定时如何发出 POST 请求而不是 GET

Question

I have a web page rendering tables with rows and columns using Jade template. I need to make a POST request when i click "Ok" in confirmation box for delete.

Now am able to create a Delete Confirmation popup with "Cancel" and "Ok" buttons.

"Cancel" closes the confirmation box as expected. But choosing "Ok" navigates and shows information(Actually a GET request). Instead of GET request, whenever "Ok" is clicked, it should make a POST request.

How can i make it a POST request?

Screenshots,

Code for Delete button,

a.btn.btn-default(href='/removepage/'+value.PLANT+'/'+value.MATERIAL+'/'+value.CUSTOMER+'/'+value.RATE+'/'+value.CURRENCY+'/'+value.PRICE_UNIT+'/'+value.COND_UNIT+'/'+value.PORTAL_USER, onClick="return confirm('Are you sure to delete?')") Delete

Code for GET request,

router.get('/removepage/:PLANT/:MATERIAL/:CUSTOMER/:RATE/:CURRENCY/:PRICE_UNIT/:COND_UNIT/:PORTAL_USER', (req, res) => {
  console.log("Render check");
  // console.log(req.params)
  res.render('removepage', 
  { title: 'Delete Page - Are you sure to delete?', plant: req.params.PLANT, material: req.params.MATERIAL, 
  currency: req.params.CURRENCY, rate: req.params.RATE, price_unit: req.params.PRICE_UNIT, 
  cond_unit: req.params.COND_UNIT, customer: req.params.CUSTOMER, portal_user: req.params.PORTAL_USER});
});

Code for POST request,

router.post('/removepage', (req, res) => {
  console.log("Hello", req.body);
  client.connect(() => {
    console.log('Connecting');
    client.invoke("ZSD_CP_PRICE_DELETE", 
    {P_PLANT: req.body.P_PLANT, 
    P_MATERIAL: req.body.P_MATERIAL, 
    P_CUSTOMER: req.body.P_CUSTOMER
    },
    (err, result) => {
      console.log('Invoking')
      if (err) {
        console.log(err)
        return err;
      }
      console.log(result);
    });
    res.redirect('/');
  });
});

Answer 1

Here is javascript for send POST request

fetch('/removepage', {
  method: 'POST'
}, {
 P_PLANT: value.P_PLANT, 
 P_MATERIAL: value.P_MATERIAL, 
 P_CUSTOMER: value.P_CUSTOMER        
})

You need to attach this to your "ok" button click

 a.btn.btn-default onClick="handlerOK(value.PLANT, value.MATERIAL, value.CUSTOMER)") Delete

Define handlerOk function at external file "script.js" and add reference to jade like this:script(src="/script.js")

function handlerOK(PLANT, MATERIAL, CUSTOMER) {
  const confirmed = confirm('are you sure you want to delete?');
  if (!confirmed) return;
  fetch('/removepage', {
    method: 'POST'
   }, {
   P_PLANT: PLANT, 
   P_MATERIAL: MATERIAL, 
   P_CUSTOMER: CUSTOMER        
  })
}

Answer 2

You could send a XMLHttpRequest :

var xhr = new XMLHttpRequest();
xhr.open("POST", '/removepage', true);

var body = ""; // Anything you want to send


xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

xhr.onreadystatechange = () => {
    if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
        //treating the result here
    }
}
xhr.send(body);