Read Json And Create Table Javascript

I am am trying to read json data and import it to my table in html. But some how it is not working. I have already implemented a function to type in data what works great. Only th

Solution 1:

You should be iterating over obj.employees, not obj. You have one object, which is composed of an employees array (with length of 3 in your example).

  obj = JSON.parse(text);
  console.log(obj);
  console.log(obj.length);  //this returns undefinedconsole.log(obj.employees.length); //this is what you wantfor (var i = 0; i < obj.employees.length; i++) {
    var currentObj = obj.employees[i];
    console.log(currentObj);
    var myName = currentObj.firstName;
    console.log(myName);
    var age = currentObj.lastName;
    console.log(age);
  }

Fiddle demo

You also have a problem here:

row.insertCell(1).innerHTML= myName.value;
row.insertCell(2).innerHTML= age.value;

myName and age are variables you defined, not html elements, and as such, they don't have a value property. You just need to refer to the variables themselves, like so:

row.insertCell(1).innerHTML= myName;
row.insertCell(2).innerHTML= age;

Update Fiddle Demo