Posting additional data alongside serialized form data

Question

I want to post some additional data alongside serialized data i got from user form input.

For instance,

$.post('update.php', $("#theform").serialize(),{cposition:swidget}, function(data) {

});

This does not post the additional post.How am i supposed to post the additional data?.

possible duplicate of [How do I modify serialized form data in jquery?](http://stackoverflow.com/questions/5075778/how-do-i-modify-serialized-form-data-in-jquery) — MrCode, Jun 11 '13 at 07:14

score 1 · Answer 1 · answered Jun 11 '13 at 07:14

1

you can do:

var data = $('#theform').serializeArray();
data.push({cposition: swidget});
//then
$.post('update.php', data, function(data) {

});

answered Jun 11 '13 at 07:14

Sudhir Bastakoti

99,167
15
158
162

score 1 · Accepted Answer · answered Jun 11 '13 at 07:14

The jQuery serialize function yields its values in the &key=value format. It does this using $.param internally. You would be able to append your own values in the same manner:

$.post('update.php', [$('#theform').serialize(), $.param({cposition:swidget})].join('&'), function(data) { ... });

score 1 · Answer 3 · answered Jun 11 '13 at 07:16

1

You can append something to the end of serialized string.

$.post('update.php', $("#theform").serialize() + '&cposition:swidget', function(data) {

});

answered Jun 11 '13 at 07:16

jcubic

61,973
54
229
402

Posting additional data alongside serialized form data

3 Answers3

Linked