How to convert serialize array value to JSON in javascript

Question

i have serialize array like this

rate_3=26&rate_8=67&rate_12=98 etc..,

now i need to change this array as json type

    {
        "ID": "3",
        "Rate": "26"
    },
    {
        "ID": "8",
        "Rate": "67"
    },
    {
        "ID": "3",
        "Rate": "26"
   } .., 
   etc

so i tried like this but its not working... please some one help me.

        var o = {};
        var a = table.$('input, select').serialize();
        $.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;

i m using datatable so i just need to get Datatables serialize array only for that used this line

var a = table.$('input, select').serialize();

even i tried with json2.js also but when i use json2.js it forcing the page to submit

var data_2 = JSON.stringify(block_form.serializeArray());

this but its not working - What is actually happening and what is actually expected? — thefourtheye
– thefourtheye, Commented Apr 27, 2015 at 14:31
The .serialize function returns a string, not an array. So you can't then .each it and expect it to work. Not sure why you are using .serialize in the first place when it seems it would be easier to just build the object you need from the selected options. — Matt Burland
– Matt Burland, Commented Apr 27, 2015 at 14:37

Andy · Accepted Answer · 2015-04-27 14:52:27Z

2

Simple method is to map over the results of a regex match, pushing new objects into the resulting array:

var out = str.match(/\d+=\d+/g).map(function (el) {
    var arr = el.split('=');
    return { id: arr[0], rate: arr[1] };
});

DEMO

Convert the output array to JSON with JSON.stringify(out).

edited Apr 27, 2015 at 14:52

answered Apr 27, 2015 at 14:36

Andy

63.6k13 gold badges72 silver badges99 bronze badges

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

Comments

ssube · Accepted Answer · 2015-04-27 14:36:48Z

If your data format is reliably in the rate_N=X& format, you can use simple string splitting to parse out the values. This appears to be similar to how query strings are formatted and, if that's the case, you shouldn't run into (m)any unusual entities.

First, you'll want to break each key-value pair apart (on the &). Then split each pair on the = to produce the key and value. You'll need to parse the ID out of the key (cut the rate_ off the front), which substr will work well for.

var data = "rate_3=26&rate_8=67&rate_12=98";

var pairs = data.split('&').reduce(function(collect, pair) {
  var kv = pair.split('=');
  var name = kv[0].substr(kv[0].indexOf('_') + 1);
  collect.push({
    id: name,
    rate: kv[1]
  });
  return collect;
}, []);

document.getElementById('results').textContent = JSON.stringify(pairs);

<pre id="results"></pre>

garryp · Accepted Answer · 2015-04-27 14:35:01Z

0

http://jsfiddle.net/43hnftaf/

var str = 'rate_3=26&rate_8=67&rate_12=98'
var arr = str.split('&').map(function(element) { 
    return element.replace(/^rate_/, '');
}).map(function(element) {
    var elements = element.split('=');
    return {
        "ID" : elements[0],
        "Rate" : elements[1]
    };
});
console.log(arr);

answered Apr 27, 2015 at 14:35

garryp

5,7861 gold badge31 silver badges43 bronze badges

Collectives™ on Stack Overflow

How to convert serialize array value to JSON in javascript

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