using jquery read values from a json file

Question

Using jquery I am trying to read values from a json file and populate in a dropdown.

For that I am doing the following but undefined value is getting in dropdown. What's wrong with my code? json file

   {
      "VMs":[
        {
          "ID":"VM-WIN7-64",
          "OS":"Windows 7",
          "FLAVOUR":"VM-IE8-001-preq",
          "ADAPTER":"Win 9"
        }
      ],
      "Paths":{
        "VM-WIN7-64":"C:\\VirtualMachines\\Win7_X64_VM-001\\Win7_X64_VM-001.vmx"
      }
    }

code

function getOsNames() {
 $.getJSON('/json/data.json', function(data) 
    {
var html = '';
        $.each(data,function(val,i)
        {
alert(val);
html += '<option value="' + val.OS + '">' + val.OS + '</option>';
        });
     $('#op').html(html);     

    });

}

Arun P Johny · Accepted Answer · 2014-02-18 06:01:56Z

2

You have to loop through data.VMs as it is having the OS property

function getOsNames() {
    $.getJSON('/json/data.json', function (data) {
        var html = '';
        $.each(data.VMs, function (i, val) {
            html += '<option value="' + val.OS + '">' + val.OS + '</option>';
        });
        $('#op').html(html);
    });
}

Demo: Fiddle

answered Feb 18, 2014 at 6:01

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

5 Comments

Sush Over a year ago

getting undefined data in place of os

Arun P Johny Over a year ago

@Sush the each callback parameter order is swapped

Rakesh Kumar Over a year ago

you have grab only one value in select menu...if we need to add all value then what changes we need to do

Sush Over a year ago

in fiddle ur using static data how can i read from a josn file

Arun P Johny Over a year ago

@Sush it is the same... did you check the above answer

Manish Patwari · Accepted Answer · 2014-02-18 06:07:08Z

0

You can use for loop :

for(var i=0;i<data.VMs.length;i++)
{
   html += '<option value="' + data.VMs[i].OS + '">' + data[i].VMs[i].OS + '</option>';
}
$('#op').html(html);

This will solve your problem

answered Feb 18, 2014 at 6:07

Manish Patwari

5686 silver badges21 bronze badges

Collectives™ on Stack Overflow

using jquery read values from a json file

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related