serializing array of objects

Question

I'm populating an array nodevalues with objects. It looks like this:

nodevalues.push({id: this.id, left: left, right: right});

This line is inside a $.each() iterator which iterates over some li nodes and also calculates the left and right values.

So I have an array with several objects who all look the same: screen dump chrome console

Is it possible to serialize this array to an url string for database storage using jQuery.post()?

Calling $(nodevalues).serialize() returns nothing and $.param(nodevalues) returns undefined=undefined&undefined=undefined&undefined=undefined&undefined=undefined&undefined=undefined&undefined=undefined&undefined=undefined&undefined=undefined&undefined=undefined&undefined=undefined...

Never do $(this).attr('id'). "this" is .each() is the DOM element -> this.id — Didier Ghys
– Didier Ghys, Commented Nov 30, 2011 at 11:15
@Didier G I'm not sure I understand your comment. $(this) in jquery is this[0] in javascript. You should ALWAYS use $(this).attr('id') in jquery. — Thomas Clayson
– Thomas Clayson, Commented Nov 30, 2011 at 11:16
@DidierG. I think you're missing the point of my post. My question is how to serialize an array of objects. The code you mention works like it should. — netiul
– netiul, Commented Nov 30, 2011 at 11:18
@ZacL. It's just a comment, not an answer to your problem, i'm aware of that. — Didier Ghys
– Didier Ghys, Commented Nov 30, 2011 at 11:23

Richard Dalton · Accepted Answer · 2011-11-30 11:31:44Z

12

jQuery.param() might do what you want

var dataString = jQuery.param(nodevalues);

It seems that param only works on objects, not arrays.

If you wrap your array in an object it works fine:

var nodevalues = [];

nodevalues.push({id: "node1", left: 1, right: 20});
nodevalues.push({id: "node2", left: 2, right: 10});
nodevalues.push({id: "node3", left: 3, right: 30});
nodevalues.push({id: "node4", left: 4, right: 40});

var data = { data: nodevalues };

alert($.param(data));

http://jsfiddle.net/4NELt/

edited Nov 30, 2011 at 11:31

answered Nov 30, 2011 at 11:15

Richard Dalton

35.8k6 gold badges75 silver badges92 bronze badges

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

1 Comment

netiul Over a year ago

Perfect! You just made my day!

Tom Hubbard · Accepted Answer · 2011-11-30 11:30:20Z

1

You could use the stringify function from the JSON library.

answered Nov 30, 2011 at 11:30

Tom Hubbard

16.2k14 gold badges62 silver badges87 bronze badges

Comments

zuloo · Accepted Answer · 2011-11-30 11:16:44Z

0

you can supply the data as second argument to jquery.post()

jQuery.post( url [, data] [, success(data, textStatus, jqXHR)] [, dataType] );

jquery will serialize it for you.

answered Nov 30, 2011 at 11:16

zuloo

1,3301 gold badge8 silver badges12 bronze badges

1 Comment

netiul Over a year ago

You mean like this? $.post('ajax/changenode.php', nodevalues); Results in: Form data: undefined:undefined undefined:undefined undefined:undefined undefined:undefined undefined:undefined undefined:undefined undefined:undefined undefined:undefined undefined:undefined undefined:undefined Doesn't do the job!

Collectives™ on Stack Overflow

serializing array of objects

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related