JavaScript variable when sending data via jQuery $.post() function

Question

I have a problem when I want to send input data via jQuery's $.post. I have this input:

<input id="mydata" value='<?php echo $data; ?>' >

and I want to send its data via jQuery's $.post() function.

This $.post function runs, but it does't send anything:

var the_data = $('#mydata').val();
//alert(the_data); has correct data!!
$.post("http://php/server", the_data , function(data){
    alert(data);
}, "html");

But this one sends data correctly:

$.post("http://php/server", <?php echo $data; ?> , function(data){}, "html");

I should use input for saving data and method 2 isn't suitable for me.

What type of input is it? Text, Password, Radio, etc?

Tarek Fadel
– Tarek Fadel

2011-09-04 16:10:48 +00:00
Commented Sep 4, 2011 at 16:10 — Tarek Fadel
– Tarek Fadel, Commented Sep 4, 2011 at 16:10
type is hidden, but data is text

Morteza Ziyaeimehr
– Morteza Ziyaeimehr

2011-09-04 16:13:42 +00:00
Commented Sep 4, 2011 at 16:13 — Morteza Ziyaeimehr
– Morteza Ziyaeimehr, Commented Sep 4, 2011 at 16:13

Rusty Jeans · Accepted Answer · 2011-09-04 16:30:39Z

1

The data needs to be an object.

var the_data = {
    mydata: $('#mydata').val()
};

You can access this in your PHP with $_POST['mydata'].

edited Sep 4, 2011 at 16:30

answered Sep 4, 2011 at 16:09

Rusty Jeans

1,4229 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Morteza Ziyaeimehr Over a year ago

thanks! but a minor error: ...val() has no ";". thanks again!

Collectives™ on Stack Overflow

JavaScript variable when sending data via jQuery $.post() function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related