jquery/js - i have a bunch of values (strings). i want to send it to another url via POST, how do i do this?

Question

i have this (simplified)

<script>

  dataToSend = 'dummy data here';

function sendIt() {

//code here

}
</script>

<a href='#' onclick='sendIt();'>Click here to send data</a>

what would i need to put in sendIt() to do a POST submit (not ajax, i want the user to be sent to the page too).

using jquery

No need of jquery to do that... Click to send data or in POST : — Valky, May 08 '12 at 01:06

score 1 · Accepted Answer · answered May 08 '12 at 01:20

I don't know what you would want to with this but here you go

<script type="text/javascript">
dataToSend = 'dummy data here';
function sendIt() {
        $('body').append('<form id="sendit" method="post"><input type="hidden" name="data" value="'+dataToSend+'"/></form>');
        $('#sendit').submit();
}
</script>

<a href='#' onclick='sendIt();'>Click here to send data</a>

score 0 · Answer 2 · answered May 08 '12 at 01:09

0

Here's a work around. Why not create a form and a hidden text field that contains the string, and trigger the form submit when the link is clicked.

<form id="fauxForm" method="POST">
  <input type="hidden" value="dummy data here" />
</form>
<a id="sendData" href="submithere.php">Click here to send data</a>

<script type="text/javascript">
  $("#sendData").click(function(ev){
    ev.preventDefault();
    $("#fauxForm").attr("action",$(this).attr("href")).submit();
  });
</script>

answered May 08 '12 at 01:09

xar

1,349
2
16
28

do the work, no need of javascript for that lol – Valky May 08 '12 at 01:11
He wanted to do it via a link for whatever reason. – xar May 08 '12 at 01:12
Why do things simply when we can complicate them... ;-) – Valky May 08 '12 at 01:15
i simplified my example a lot. it won't be sent when user clicks something, but sent via a function. i could do a hidden form but it seems a bit overkill? – slycat May 08 '12 at 01:20

score 0 · Answer 3 · answered May 08 '12 at 01:14

The easy way is to add a form. You do not need javascript.

<form action=" .. url.." method="post">
    <input type="hidden" name="dataToSend" value="dummy data here">
    <input name="sendIt" id="sendIt" type="submit" value="Click here to send data">
</form>

score -1 · Answer 4 · edited May 23 '17 at 12:04

-1

Short answer is it isn't possible to send a post from JavaScript alone. Longer answer is available from pass post data with window.location.href On the other hand, you can turn it into a GET request (e.g. http://www.misyte.com/page?param=value&param=value&etc=data) and get the data to the page that way.

edited May 23 '17 at 12:04

Community

1
1

answered May 08 '12 at 01:04

robrich

12,467
5
30
57

absolutely it is. XmlHttpRequest can do just that. it's native JavaScript and can even be synchronous. – Thomas Jones May 08 '12 at 05:15
XmlHttpRequest doesn't also send the user to said page. – robrich May 08 '12 at 05:17

jquery/js - i have a bunch of values (strings). i want to send it to another url via POST, how do i do this?

4 Answers4