Using the POST Method with HTML Anchor Tags
Asked Answered
M

5

36

I am certain the answer will be 'NO', but I wanted to ask anyway just incase I have missed something.

Everyone knows that one pass data to a page in an anchor tag by using the GET method:

What I am wondering is if there was a way to do the same thing, but use the POST Method instead?

My purpose in doing so is to keep the URLs the user sees clean by not putting anything in them that they do not need to see.

This has nothing to do with security concerns as I already know there would be ways to obtain the data being passed.

If the answer is indeed no, then what methods do people use to pass data when there is a desire to keep the URLs clean? Cookies? Something else?

and how to deal with the scenarios when the URL length exceeds the permissible GET request length

I am facing this issue while implementing sorting/pagination with displaytag, all the request parameters are appending in the sort/pagination url which is more then the permissible length of the GET request.

Magocsi answered 6/12, 2011 at 10:55 Comment(0)
S
49

You could do something like this:

<form method="post" action="target.html">
  <input type="hidden" name="name" value="value" /> 
  <a onclick="this.parentNode.submit();">click here</a>
</form>
Skees answered 6/12, 2011 at 11:11 Comment(5)
Tried this but it is always doing a GET in chrome. Any idea why?Barnacle
<a onclick="document.getElementById('myform').submit(); return false;">click here</a>Spook
Unfortunately the presence of <form> affects layout. Would prefer something that is entirely hidden.Harmsworth
@JesseGlick Almost a year late, but how about using inline styling for the given form element?Tweak
Jesse, You can style the form tag to not affect layout form.anchor {margin:0;padding:0;display:inline;border:none;} <form class="anchor" ...> ... </form>Bevus
S
6

This behaviour is specific to display tag library. It allows for easily bookmarkable search results. If you really intend to change this to make use of POST, then you'd need to rewrite the display tag library or bring in some jQuery to manipulate the links.

The remnant of your questions boils nowhere. If you want GET (idempotent requests, bookmarkable URLs, searchbot-crawable URLs, etc), then use GET. If you want POST (non-idempotent requests, non-bookmarkable URLs, non-crawlable URLs, etc), then use POST.

Usually, POST is mandatory when the request can modify the data in the server. Think of a SQL INSERT, UPDATE, DELETE, etc. You certainly won't make this kind of requests GET. Imagine that you've a table with all "delete row" links which do GET and then a searchbot comes along...

Straddle answered 6/12, 2011 at 13:47 Comment(0)
L
5

You can use javascript. On onclick of link do form.submit

The only way I know of to deal with lenghty URL is to instead use POST.

Layman answered 6/12, 2011 at 11:2 Comment(0)
S
1

You may create a temporary form and submit it while onclick event of <a> tag.

Superheat answered 6/12, 2011 at 10:57 Comment(0)
G
1

It will work as post ,the name value can be through anchor tag and value of name="" can be access to $_POST[] globl var

Gossipry answered 2/1, 2020 at 11:49 Comment(0)

© 2022 - 2024 — McMap. All rights reserved.