I have simple JSON object returned in form
{"d":"{\"Name\":\"DMX100\",\"Description\":\"blah blah\",\"ID\":\" 780\",\"Make\":\"2010\"}"}
How do I parse it in success.
success: function(msg)
{
$('#something').html(msg.d.Name);
}
Above code doesnt display Name but when I pass $('#something').html(msg.d);
it shows complete JSON string. How do I reach to individual properties
Thanks
You don't need to eval - just use d.Name
(assuming d is a variable from msg.d)
It's also easy to iterate a json object that contains multiple 'rows' using jquery's .each method, as in this example:
$.each(msg.d, function() {
alert(this.SomeProperty);
});
And make sure you have set:
contentType: "application/json; charset=utf-8",
dataType: "json",
And finally, use firebug to console.log msg.d
If you really want to eval it, here's how:
var data = eval("(" + msg + ")");
jQuery since 1.4 has special method to parse json, and from this version this one is not using eval but native parser.
Take a look here:
http://yehudakatz.com/2010/01/15/jquery-1-4-and-malformed-json/
and from jQuery documentation:
success: function(msg)
{
injectHtml(msg.d);
}
function injectHtml(json)
{
//Get data from json
var data = jQuery.parseJSON(json);
var Name = Description = ID = Make = '';
$.each(data, function() {
Name = this.Name;
Description = this.Description
ID = this.ID;
Make = this.Make;
});
//Inject
$('#something').html(Name);
}
Inject the Accepts header along with ContentType. This will notify the service that it needs the response in JSON and not as plaintext.
accepts: "application/json; charset=utf-8"
You can look up examples on how to eat this Request Header using jQuery AJAX.
