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    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

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   x000D  const button   document getElementById  post-btn    x000D   x000D  button addEventListener  click   async     gt    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   lt button id  post-btn  gt I m a button lt  button gt  x000D   x000D   x000D

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

Examples related to html