Parse nested json into ajax

Question

I have sample json structured as,

{ key : { "data1":data1, "data2":data2 }}

I want it to be parsed into the 'data',

$.ajax({
    type: 'post',
    url: 'url',
    data: <--- here ,
    success: function() { 
        *****
    }
});

How do I do it?

(var ajaxData = { key : [ "data1":data1, "data2":data2 ]}; && data: ajaxData) || data: { key : [ "data1":data1, "data2":data2 ]} — Alon Eitan
– Alon Eitan, Commented Apr 14, 2017 at 13:32
that structure is invalid ...arrays don't have properties...objects do — charlietfl
– charlietfl, Commented Apr 14, 2017 at 13:41
@charlietfl Oh right! I hope it's just the OP forgot to include a pair of curly brackets or two in the question — Alon Eitan
– Alon Eitan, Commented Apr 14, 2017 at 13:43

selvarajmas · Accepted Answer · 2017-04-14 14:13:12Z

1

Try to use JSON.stringify

var data= { "key" : {"data1":"data1", "data2":"data2" }};
new Request.JSON({
    url: '/echo/json/',
    type: "POST",
    data: JSON.stringify(data),
    contentType: "application/json",
    onSuccess: function(res) {
        document.write(data.key.data1);
        console.log(data.key.data1);
    }
}).send();

Here is the working jsfiddle: http://jsfiddle.net/dK5DL/87/

answered Apr 14, 2017 at 14:13

selvarajmas

1,64315 silver badges20 bronze badges

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

1 Comment

Atul Kumar Over a year ago

thanks for the solution. i had the similar approach. my intension was to assign the data to a key, it just makes it lot easier to retrieve the data later on. Thanks a ton.

Collectives™ on Stack Overflow

Parse nested json into ajax

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related