Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript AJAX Basics Programming AJAX Processing JSON Data

benjaminmosery
benjaminmosery
6,346 Points
Posted by benjaminmosery
benjaminmosery
6,346 Points

Employee List Fails to Display

Im setting up my code in widget.js as follows below, the employee list is not appearing after previewing the page in Workspaces. Any help is appreciated:

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
  if (xhr.readystate === 4){ 
        var employees = parse.JSON(xhr.responseText);
       var statusHTML = '<ul class = "bulleted">';
        for (var i=0; i<employees.length; i+=1){
        if(employees[i].inoffice === true){
        statusHTML += '<li class = "in">'; 
       } else {status+= '<li class ="out">';} 
             statusHTML += employees[i].name;
             statusHTML += '</li>';
        } 
             statusHTML+= '</ul>';
         document.getElementById('employeeList').innerHTML = statusHTML;
         }
};
xhr.open ('GET', 'data/employees.json');
xhr.send();

1 Answer

anthony amaro
anthony amaro
8,686 Points
anthony amaro
anthony amaro
8,686 Points

hello. just fix this line and it should fix your problem

var employees = parse.JSON(xhr.responseText); // it should be JSON.parse

like this

var employees = JSON.parse(xhr.responseText);