Change json string of form Data

Question

I am working with converting form data to json data. Here is my code:

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

$(function() {
    $('form').submit(function() {

        $('#result').append(JSON.stringify($('form').serializeObject()));

        return false;
    });
});

the above code gives the following json string:

  {"TypeName":["type1","type2"],"rate":["23","24"],"no:ofTickets":["23","24"],"allowedMembers": ["member1","member2"]}

But my need is to get json like this:

   {[
    {"TypeName":"type1","rate":"23","no:ofTickets":"23","allowedMembers":"member1"},
    {"TypeName":"type2","rate":"34","no:ofTickets":"56","allowedMembers":"member2"}
]}

how can i solve my problem??

Thanks

@Gaurav No actually this data is a FORM data from the clientSide — asna
– asna, Commented Nov 9, 2013 at 11:42

Prateek · Accepted Answer · 2013-11-09 11:50:02Z

1

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

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

answered Nov 9, 2013 at 11:50

Prateek

6,9852 gold badges27 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mina · Accepted Answer · 2013-11-09 11:43:24Z

0

$.fn.serializeObject = function()
{
    var elements = []; // Define an empty array
    var o = {};
    var a = this.serializeArray();

    $.each(a, function() {
       ...

       elements.push(o); // Store your objects into the array
    });

    return elements; // return the array
}

Working example http://fiddle.jshell.net/f8Zkr/

answered Nov 9, 2013 at 11:43

Mina

1,5161 gold badge10 silver badges11 bronze badges

Comments

Gaurav · Accepted Answer · 2013-11-09 11:44:13Z

0

Change your searialzieObject function to :-

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

        }
        o.push(new_dict);
    });
    return o;
};

answered Nov 9, 2013 at 11:44

Gaurav

1,9371 gold badge17 silver badges20 bronze badges

Collectives™ on Stack Overflow

Change json string of form Data

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related