Retrieve client-side Json data

Question

I have JSON data coming to the client. I need to somehow extract the data so that I can skip it to get all the values ​​of the name and number.

{ "summarydata": { "rows": [ { "name": "Cisco0 Webinar US", "count": "1" }, { "name": "Resource Nation CC", "count": "1" }, { "name": "test", "count": "10" }, { "name": "test", "count": "2" }, { "name": "Vendor Seek", "count": "1" } ] } } $.extend($.jgrid.defaults, { datatype: 'jsonstring' }, { ajaxGridOptions: { contentType: "application/json", success: function (data, textStatus) { if (textStatus == "success") { var thegrid = $("#BuyBackGrid")[0]; thegrid.addJSONData(data.data); var summaryresult = $.parseJSON(data.summarydata.rows[0]); alert(summaryresult );// this gives me null alert(data.summarydata.rows[0].name); //this gives me first name element which is "Cisco0 Webinar US" in my case. // alert($.parseJSON(data).summarydata.rows[0].name); } } //end of success }//end of ajaxGridOptions }); 

Answer 1

Using jQuery ...

The $.getJSON() function parses the local JSON file and returns it as an object.

 $.getJSON("myJSON.js", function(json){ alert(json.summarydata.rows[0].name); }); 

You can also just do this using the JSON library for javascript (this object is also standard on most recent browsers).

 alert(JSON.parse(myJSONString).summarydata.rows[0].name);