navigate to another page with post request through link

html, hyperlink, javascript, jquery, post

Solution

Create an html form with all the data you need to send and specify as action the page you need to forward the user.

<form method="post" id="theForm" action="REDIRECT_PAGE.php">

Then put some hidden fields in that form.

<input type="hidden" name="name" value="John">
<input type="hidden" name="time" value="2pm">
</form>

Wrap this inside of your doRedirect function and the redirect will work while correctly submitting your POST data.

document.getElementById('theForm').submit()

As a side note, you may want to redirect the user to a .php page not a .html one if you need to read POST data. This depends on your server configuration but, by default, I don't think you can run PHP code inside of a .html file.

Problem

``` <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript"> function DoPost(){ $.post("index.html", { name: "John", time: "2pm" } ); } </script> </head> <body> <a href="javascript:DoPost()">GO</a> </body> </html> ``` I made function and trying to call that function, inside that function I mentioned url and data as mentioned here. But, It's not working for me. NOTE : Even I mentioned in my post title, then also I want to clarify that, I want to navigate to another page using `POST` method through simple hyperlink.

Original source

Related problems