Convert form data to JavaScript object with jQuery

serializeArray already does exactly that. You just need to message the data into your required format:

Method 1:

$.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 || '';
        }
    });
}

$.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 || '';

}

});

}

Method 2:

var data = {};
$("form").serializeArray().map(function(x){data[x.name] = x.value;});

1 2	var data = {}; $("form").serializeArray().map(function(x){data[x.name] = x.value;});

Leave a Reply Cancel reply