How to send an Object with jQuery's .post() function?

Question

var itemsObj = new Object();
itemsObj.data = "Something";
$.post("somewhere.php", itemsObj, function(data) {}, "html");

Normally, as stated in the API, I'd use { data: "something" } where itemsObj is, but since my object is dynamic and requires a for-loop, I didn't want to get too 'dirty' with a for loop within the data: ... part...

Anyways, the code I wrote above doesn't work. I think maybe I should've apply the JSON.stringify() function on it, correct if I'm wrong?

What does the server want? A JSON-string? URL-encoded key-value pairs? — UltraInstinct
– UltraInstinct, Commented Jul 9, 2012 at 12:13
Can you clarify 'doesnt work'? What do you see in the network requests section of your dev tools? How about on your backend? — rfunduk
– rfunduk, Commented Jul 9, 2012 at 12:13

LoneWOLFs · Accepted Answer · 2012-07-10 09:41:15Z

3

Add data to itemsObj like this...

var itemsObj = {};

itemsObj['Firstdata'] = "Something";
itemsObj['Seconddata'] = "Something else";

etc... You can use looping to do that...

Then post using $.post("somewhere.php", itemsObj, function(data) {}, "html"); and it should work...

edited Jul 10, 2012 at 9:41

answered Jul 9, 2012 at 12:41

LoneWOLFs

2,3163 gold badges20 silver badges38 bronze badges

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

6 Comments

Asaf Over a year ago

Thanks. Seems like obj.['something'] doesn't work so I had to change it to obj['data'], then I tried sending the object to the other page, but that didn't work either. Normally I'd send it as { data: "something" } and access it like that $_POST['data'], what's different now?

Asaf Over a year ago

Thanks. How'd I send/receive the object though? I tried looking at @Engineer's answer, look's reliable thought I do I access data for example? :P

LoneWOLFs Over a year ago

@xTCx the above thing will do exactly that when you post itemsObj above it will post something like {"Firstdata":"Something","Seconddata":"Something else"} which is a valid JSON object and you can access it via $_POST["Firstdata"]

LoneWOLFs Over a year ago

@xTCx you send using $.post("somewhere.php",itemsObj, function(data){},"html"); :)

Asaf Over a year ago

ah! okay yeah there was actually a typo in my code ;) Thank you!! :D

|

Engineer · Accepted Answer · 2012-07-09 12:13:41Z

1

You can use JSON:

$.post("somewhere.php", "param="+JSON.stringify(itemsObj), function(data) {}, "html");

Then in server side:

$obj = json_decode($_POST["param"]);

answered Jul 9, 2012 at 12:13

Engineer

48.9k12 gold badges90 silver badges93 bronze badges

5 Comments

Alessandro Vendruscolo Over a year ago

You're assuming that he's using PHP for his backend.

Engineer Over a year ago

Yes, I am assuming that, look at the question.There is "somewhere.php" mentioned as post's URL.

Engineer Over a year ago

@MisterJack I am assuming also, that your downvote is irrelevant.

Suave Nti Over a year ago

+1 @Engineer : Dont worry about downvoting,Anonymous downvoting has became like a virus in SO

Engineer Over a year ago

@user1042031 It is not anonymous in this case:)

Collectives™ on Stack Overflow

How to send an Object with jQuery's .post() function?

2 Answers 2

6 Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related