Making href anchor tag request POST instead of GET

Question

lt a href  employee action  id  employeeLink  gt Employee1 lt  a gt    when i click the Employee1 link  GET request goes to server  I want to make it POST instead of GET request  Is there a way i can change default GET behaviour of href   Note - I know it can be done where we can call javascript function on hyperlink click   then create form and submit it  But i am looking where we can mention  some attribute in anchor tag to make POST request instead of GET request

User · Answer

To do POST you ll need to have a form    lt form action  employee action  method  post  gt       lt input type  submit  value  Employee1    gt   lt  form gt    There are some ways to post data with hyperlinks  but you ll need some javascript  and a form   Some tricks  Make a link use POST instead of GET and How do you post data with a link  Edit  to load response on a frame you can target your form to your frame    lt form action  employee action  method  post  target  myFrame  gt

User · Answer

Using jQuery it is very simple assuming the URL you wish to post to is on the same server or has implemented CORS   function          quot  employeeLink quot   on  quot click quot  function e        e preventDefault       cancel the link itself       post this href function data             quot  someContainer quot   html data                      If you insist on using frames which I strongly discourage  have a form and submit it with the link  lt form action  quot employee action quot  method  quot post quot  target  quot myFrame quot  id  quot myForm quot  gt  lt  form gt   and use  in plain JS   window addEventListener  quot load quot  function        document getElementById  quot employeeLink quot   addEventListener  quot click quot  function e         e preventDefault       cancel the link      document getElementById  quot myForm quot   submit       but make sure nothing has name or ID  quot submit quot               Without a form we need to make one  window addEventListener  quot load quot  function        document getElementById  quot employeeLink quot   addEventListener  quot click quot  function e         e preventDefault       cancel the actual link      var myForm   document createElement  quot form quot         myForm action this href    the href of the link      myForm target  quot myFrame quot        myForm method  quot POST quot        myForm submit

[html] Making href (anchor tag) request POST instead of GET?

Examples related to html

Examples related to post

Examples related to get

Examples related to anchor