Question

I am working on the GUI for a web app and they want me to use json to get values. I have a simple script to pull the value of a key, but it’s not working.

HTML

<div class="get-data">
  <p>Get Data</p>
  <div class="json"> 
      <!--<p> will be created here --> 
  </div>
</div> 

JSON

 [
     {
        "id":-596859137166526783,
        "avatarDefinitionId":2,
        "tenantId":1,
        "avatarName":"qln320",
        "attributes":{
             "qln320.set.media.handling":"TEAR_OFF",
             "qln320.snr.memory.free":"66939392",
      }
     }
 ]    

jQuery

 $.getJSON('json/test.json', function(data) {
 var items = [];

 data[0].attributes['qln320.snr.memory.free'];

 $('<p/>', {
   'class': 'raw-list',
   html: items.join('')
   }).appendTo('.json');
 });

Answer 1

You are iterating through attributes object, val in your code returns value of qln320.set.media.handling and qln320.snr.memory.free properties, in fact it returns "TEAR_OFF" and "66939392", but you are pushing hard-coded val.qln320.snr.memory.free strings regardless of the returned values.

$.each(data[0].attributes, function (key, val) {
    items.push(val);
});

$('<p/>', {
    'class': 'raw-list',
    html: items.join('')
}).appendTo('.json');

http://jsfiddle.net/XDZ8Y/

However the error, [TypeError: a is undefined] is not be related to the posted script.