How to navigate JSON Object in jQuery?

Question

I made this webservice that handles my database functions, and this is an AJAX call to one of the methods.

 $.ajax({
        type: "POST",
        url: "Service/dataBaseService.asmx/getRMAData",
        data: '{"RMAId": 1 }',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        async: true,
        cache: false,
        success: function (data) {
            console.log(data);
            alert(data.RMA_ID);
        }
  });

this is what is logged:

({d:"[{\"RMA_ID\":1,\"RequestDate\":\"2013-02-28T00:00:00\",\"Company\":1,\"Status\":\"Accepted            \",\"Serial\":201764,\"LastChangeDate\":\"2013-02-28T00:00:00\",\"LastChangeBy\":\"Foreign    \",\"Price\":null}]"})

However alert(data.RMA_ID) returns undefined aswell as data.d.RMA_ID?

How can I get hold of the values?

Are the (...) really part of the response? Looks like broken JSONP. — Felix Kling
– Felix Kling, Commented Apr 24, 2013 at 11:53

David Hedlund · Accepted Answer · 2013-04-24 11:46:13Z

6

The value of data that you've logged is an object with a property named d, that contains a string value. You could probably make adjustments at your server side to make the value of d an object rather than a string, but the way it is currently constructed, you would be able to parse it into an object using JSON.parse.

Once you've done that, the resulting object should be an array, containing one single object. Thus, your access to RMA_ID would be as follows:

var data = JSON.parse(data.d);
alert(data[0].RMA_ID);

answered Apr 24, 2013 at 11:46

David Hedlund

130k33 gold badges205 silver badges223 bronze badges

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

2 Comments

Andreas Grech Over a year ago

+1 deleting my answer because I had not initially realized that the value of d is a string, rather than an already-parsed object.

user629952 Over a year ago

Thank you David, i am fairly new at this. I took a look at my serverside and made it return objects instead.

Madhu · Accepted Answer · 2013-04-24 12:40:30Z

0

Using simple javascript you need to parse JSON response

var resp = eval('(' + data + ')');

or thru jQuery

var resp = jQuery.parseJSON(data);

now you can access the data using '.' and key name

console.log(resp.d[0].RMA_ID)

edited Apr 24, 2013 at 12:40

answered Apr 24, 2013 at 11:50

Madhu

5,7869 gold badges39 silver badges54 bronze badges

1 Comment

David Hedlund Over a year ago

eval is disencouraged, JSON.parse is not really jQuery and no, resp.RMA_ID won't be defined either way.

Collectives™ on Stack Overflow

How to navigate JSON Object in jQuery?

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related