How can I submit a POST form using the a href tag

Question

How can I submit a POST form to showMessage jsp using just the  lt a href       gt  tag    lt form action  showMessage jsp  method  post  gt       lt a href  showMessage jsp  gt  lt   n  gt  lt  a gt       lt input type  hidden  name  mess  value  lt   n  gt   gt   lt  form gt

User · Answer

I use a jQuery script to create  quot shadow quot  forms for my POSTable links  Instead of  lt a href  quot  some action foo bar quot  gt   I write  lt a data-post  quot  some action quot  data-var-foo  quot bar quot  href  quot  do action foo bar quot  gt   The script makes a hidden form with hidden inputs  and submits it when the link is clicked   x000D   x000D     a data-post         each function             let href     this  data  post    if   href  return          let  form       lt form gt  lt  form gt    attr   method  POST  action href    css  display   none           let data     this  data           for  let dat in data                if  dat startsWith  postVar                      let varname   dat substring 7  toLowerCase       postVarId - gt  id                 let varval   data dat                   form append     lt input  gt    attr   type  hidden  name varname value varval                                        body   append  form            this  data  postform   form              click function ev            ev preventDefault           if    this  data  postform      this  data  postform   submit    else console error  No  postform set in  lt a data-post gt           x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt   lt a data-post   some action  data-var-foo  bar  href   do action foo bar  gt click me lt  a gt  x000D   x000D   x000D

User · Answer

There really seems no way for fooling the  lt a href     into a POST method  However  given that you have access to CSS of a page  this can be substituted by using a form instead   Unfortunately  the obvious way of just styling the button in CSS as an anchor tag  is not cross-browser compatible  since different browsers treat  lt button value      differently    Incorrect    lt form action  actbusy php  method  post  gt     lt button type  submit  name  parameter  value  One  gt Two lt  button gt   lt  form gt    The above example will be showing  Two  and transmit  parameter One  in FireFox  while it will show  One  and transmit also  parameter One  in IE8   The way around is to use hidden input field s  for delivering data and the button just for submitting it    lt form action  actbusy php  method  post  gt      lt input class hidden name  parameter  value  blaah  gt      lt button type  submit  name  delete  value  Delete  gt Delete lt  button gt   lt  form gt    Note  that this method has a side effect that besides  parameter blaah  it will also deliver  delete Delete  as surplus parameters in POST    You want to keep for a button the value attribute and button label between tags both the same   Delete  on this case   since  as stated above  some browsers will display one and some display another as a button label

User · Answer

You need to use javascript for this    lt form id  form1  action  showMessage jsp  method  post  gt       lt a href  javascript    onclick  document getElementById  form1   submit     gt  lt   n  gt  lt  a gt       lt input type  hidden  name  mess  value  lt   n  gt   gt   lt  form gt

User · Answer

No JavaScript needed if you use a button instead    lt form action  your url  method  post  gt       lt button type  submit  name  your name  value  your value  class  btn-link  gt Go lt  button gt   lt  form gt    You can style a button to look like a link  for example    btn-link       border  none      outline  none      background  none      cursor  pointer      color   0000EE      padding  0      text-decoration  underline      font-family  inherit      font-size  inherit

User · Answer

In case you use MVC to accomplish it - you will have to do something like this     lt form action   ControllerName ActionName  method  post  gt           lt a href  javascript    onclick  parentNode submit     gt  lt   n  gt  lt  a gt           lt input type  hidden  name  mess  value  lt   n  gt   gt       lt  form gt    I just went through some examples here and did not see the MVC one figured it won t hurt to post it   Then on your Action in the Controller I would just put  lt HTTPPost gt  On the top of it   I believe if you don t have  lt HTTPGET gt  on the top of it it would still work but explicitly putting it there feels a bit safer

User · Answer

You have to use Javascript submit function on your form object  Take a look in other  functions    lt form action  showMessage jsp  method  post  gt       lt a href  javascript    onclick  parentNode submit     gt  lt   n  gt  lt  a gt       lt input type  hidden  name  mess  value  lt   n  gt   gt   lt  form gt

[html] How can I submit a POST form using the <a href="..."> tag?

Examples related to html

Examples related to forms

Examples related to jsp