Need help traversing JSON object in Javascript

Question

I have code that calls a WCF service and returns a JSON string to the client. Below is the javascript function I am trying to use to parse the JSON but can not figure out how to traverse it.

Here is the function

loadDropDown: function(result, ddl, defaultItem) {
    var _data = result.get_object();
    //Sys.Serialization.JavaScriptSerializer.deserialize(result, true);

    this.clearDropDown(ddl);
    this.createOption(ddl, defaultItem, '');
    for (var i = 0; i < _data.length; i++) {
        var _item = _data[i];
        var _option = this.createOption(ddl, _item.Text, _item.Value);
    }
    ddl.disabled = false;
}

Here is the JSON

{
     "d": "[{\"Attributes\":{\"Keys\":[],\"Count\":0,\"CssStyle\":{\"Keys\":[],\"Count\":0,\"Value\":null}},\"Enabled\":true,\"Selected\":false,\"Text\":\"Lexus\",\"Value\":\"Lexus\"},{\"Attributes\":{\"Keys\":[],\"Count\":0,\"CssStyle\":{\"Keys\":[],\"Count\":0,\"Value\":null}},\"Enabled\":true,\"Selected\":false,\"Text\":\"Acura\",\"Value\":\"Acura\"}]"
}

any suggestions on why this is not working? Note: I am not using jquery in the solution.

Eric · Accepted Answer · 2011-10-24 19:10:45Z

1

You shouldn't be generating that json. Instead, you should be outputting

{
     "d": [{"Attributes":{"Keys":[],"Count":0,"CssStyle":{"Keys":[],"Count":0,"Value":null}},"Enabled":true,"Selected":false,"Text":"Lexus","Value":"Lexus"},{"Attributes":{"Keys":[],"Count":0,"CssStyle":{"Keys":[],"Count":0,"Value":null}},"Enabled":true,"Selected":false,"Text":"Acura","Value":"Acura"}]
}

(quotes removed from "d" value)

There's no reason to convert json to a string before putting it in a json object! Just put the json straight in.

edited Oct 24, 2011 at 19:10

answered Oct 24, 2011 at 18:59

Eric

98.1k54 gold badges257 silver badges389 bronze badges

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

2 Comments

TampaRich Over a year ago

How would I get to the Text and Value properties?

Eric Over a year ago

@TampaRich: This all seems to come down to how WCF works. You should add that as a tag.

Visionary Software Solutions · Accepted Answer · 2011-10-24 18:45:39Z

0

You should be able to just eval() the object (or use JSON parsing from Crockford) and access your properties in regular object notation. You may need to unescape your identifiers first, though.

answered Oct 24, 2011 at 18:45

Visionary Software Solutions

3,8472 gold badges32 silver badges35 bronze badges

Comments

Some Guy · Accepted Answer · 2011-10-25 17:31:48Z

0

You need to do eval(_data) before you use it as a javascript array.

for ex:

var _rawdata = result.get_object();
var _data = eval(_rawdata);
//Sys.Serialization.JavaScriptSerializer.deserialize(result, true);

this.clearDropDown(ddl);
this.createOption(ddl, defaultItem, '');
for (var i = 0; i < _data.length; i++) {
    var _item = _data[i];
    var _option = this.createOption(ddl, _item.Text, _item.Value);
}
ddl.disabled = false;

edited Oct 25, 2011 at 17:31

Some Guy

16.2k10 gold badges61 silver badges68 bronze badges

answered Oct 24, 2011 at 18:43

user693607

1

Collectives™ on Stack Overflow

Need help traversing JSON object in Javascript

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related