build json object in javascript to post to php

Question

I have a group of radio buttons in a form, I need to pass the values of the selected radion buttons to a php script. So I need to build a json object to post.

I tried with this code, but I'm not sure. Please could anyone help me.

result = [];
for (i=0; i<document.getElementsByTagName('input').length; i++) {
    if (document.getElementsByTagName('input').item(i).checked) {
        s = document.getElementsByTagName('input').item(i).name;
        r = document.getElementsByTagName('input').item(i).value;
        result.push({id:s, va:r});
}

meder omuraliev · Accepted Answer · 2010-08-17 15:53:36Z

2

If the name values are unique, just build a string like so:

var result = '', inputs = document.getElementsByTagName('input');

for ( var i = inputs.length; i--; ) {
    if ( inputs[i].checked ) {
        result+= ( inputs[i].name + '=' + inputs[i].value + '&' );
    }
}

Live demo: http://jsfiddle.net/TTvkb/

Then just send the string in your ajax request.

answered Aug 17, 2010 at 15:53

meder omuraliev

187k76 gold badges401 silver badges443 bronze badges

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

Comments

letronje · Accepted Answer · 2010-08-17 19:00:25Z

0

Using jquery, the following is another way to do it:

var postData = {}, inputs = document.getElementsByTagName('input');

for ( var i = inputs.length; i--; ) {
    if ( inputs[i].checked ) {
        postData[inputs[i].name] = inputs[i].value;
    }
}

$.post('/post.php', postData, function(retData){
  // handle response
});

answered Aug 17, 2010 at 19:00

letronje

9,15811 gold badges47 silver badges53 bronze badges

Collectives™ on Stack Overflow

build json object in javascript to post to php

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related