Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

Convert form data to JS object with jQuery

Anonymous User 2483 29 May 2013

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!

Ask by Anonymous User

Updated 29 May 2013

1 Answers

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;
};

advertising

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.