Can a html button perform a POST request

Question

I want a submit type button to send a POST request   I am thinking about something like this    lt form action      method    post  gt       lt button gt Upvote lt  button gt   lt form gt    where the string  Upvote  will be send as a name in the POST request   I know this is not working  and I know there are ways using AJAX javascript  but I am fairly new to this area  I am just wondering if this is possible in general   Update  Someone suggest that using  lt input gt  tag  I used it  The problem is it generate a GET rather than a POST

User · Answer

You can do that with a little help of JS. In the example below, a POST request is being submitted on a button click using the fetch method:

_x000D_

const button = document.getElementById('post-btn');_x000D_
_x000D_
button.addEventListener('click', async _ => {_x000D_
  try {     _x000D_
    const response = await fetch('yourUrl', {_x000D_
      method: 'post',_x000D_
      body: {_x000D_
        // Your body_x000D_
      }_x000D_
    });_x000D_
    console.log('Completed!', response);_x000D_
  } catch(err) {_x000D_
    console.error(`Error: ${err}`);_x000D_
  }_x000D_
});

_x000D_

<button id="post-btn">I'm a button</button>

_x000D_

User · Answer

You can    Either  use an  lt input type  submit     gt   instead of that button  or  Use a bit of javascript  to get a hold of form object  using name or id   and call submit     on it  Eg  form submit    Attach this code to the button click event  This will serialise the form parameters and execute a GET or POST request as specified in the form s method attribute

User · Answer

This can be done with an input element of a type  submit   This will appear as a button to the user and clicking the button will send the form    lt form action    method  post  gt       lt input type  submit  name  upvote  value  Upvote    gt   lt  form gt

User · Answer

You need to give the button a name and a value   No control can be submitted without a name  and the content of a button element is the label  not the value    lt form action    method  post  gt       lt button name  foo  value  upvote  gt Upvote lt  button gt   lt  form gt

[html] Can a html button perform a POST request?

Examples related to html