jQuery serialize an object?

Question

Say I have something like:

var obj = {id: 1, name: "Some name", color: "#444444" };

I want to serialize that object. I tried:

$(obj).serialize();

but that didn't work.

Any ideas?

See this: http://stackoverflow.com/questions/191881/serializing-to-json-in-jquery — bfavaretto, Feb 13 '12 at 19:55

score 41 · Accepted Answer · edited Jun 20 '20 at 09:12

41

You should use jQuery.param() instead.

Working Example

With vanilla JS, you would use JSON.stringify instead.

edited Jun 20 '20 at 09:12

Community

answered Feb 13 '12 at 19:54

Sarfraz

Just a small correction: method name should be "stringify" (with small s) because JavaScript is case sensitive. – Gábor Nagy Oct 03 '13 at 08:43

score 7 · Answer 2 · answered Feb 13 '12 at 20:01

7

As mentioned you should use .param()

$.param({id: 1, name: "Some name", color: '#444444' })

But also you need to be careful with your syntax. Your brackets don't match, and that color will need quotation marks. jsFiddle

answered Feb 13 '12 at 20:01

Sinetheta

score 4 · Answer 3 · answered Feb 13 '12 at 19:57

You could use JSON.stringify to serialize your object, and you'd have to wrap your color string correctly:

var obj = {id: 1, name: "Some name", color: '#444444' };
var serialized = JSON.stringify(obj);
// => "{"id":1,"name":"Some name","color":"#444444"}"