How to access jQuery serialized data?

jquery serialization jquery-1.9
laukok picture laukok · Oct 20, 2013 · Viewed 68.5k times · Source

How can I access the data that has been 'serialized' using the jQuery function?

var test = $("form").serialize();

I have this data...

url=hello+1&title=hello+1&content=abc

How can I get the value of 'url'? - I tried this...

console.log(test.url);

But I get undefined - I want to get the result as "hello+1"

Answer

Tsanyo Tsanev picture Tsanyo Tsanev · Oct 20, 2013

The serialize method only creates a URL encoded string from a form, but this is a string, i.e you can not get the value of url or any other value. To do so you need to parse back the string into an object. You can check library out: https://github.com/kflorence/jquery-deserialize

However it would be best if you simply select the field containing that value and get it from there, i.e.

jQuery('input[name="url"]').val();

or if you have an id or class on that field, you can use it as a selector.

P.S. The value of url is "hello 1" the + is just how spaces are encoded in query strings.

Related questions

Convert form data to JavaScript object with jQuery

How do I convert all elements of my form to a JavaScript object? I'd like to have some way of automatically building a JavaScript object from my form, without having to loop over each element. I do not want a …

Read More
Serializing to JSON in jQuery

I need to serialize an object to JSON. I'm using jQuery. Is there a "standard" way to do this? My specific situation: I have an array defined as shown below: var countries = new Array(); countries[0] = 'ga'; countries[1] = 'cd'; ... and I …

Read More
Serializing and submitting a form with jQuery and PHP

I'm trying to send a form's data using jQuery. However, data does not reach the server. Can you please tell me what I'm doing wrong? My HTML form: <form id="contactForm" name="contactForm" method="post"> <input type="…

Read More