forum

Home / DeveloperSection / Forums / Convert form data to JS object with jQuery

Ask Question

Convert form data to JS object with jQuery

Anonymous User 2068 29-May-2013
Hi Developers,

How do I convert all elements of my form to a JS object?

I'd like to have some way of automatically building a JS object from my form, without having to loop over each element. I do not want a string, as returned by 

$('#formid').serialize();, nor do I want the map returned by $('#formid').serializeArray();

Thanks in advance! 
json json 
Updated on 29-May-2013
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

AVADHESH PATEL

AVADHESH PATEL

29-May-2013
Hi Ankita,

serializeArray already does exactly that, you just need to massage the data into your required format:

Try as following

$.fn.serializeObject = function()
{
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
};

Liked By