AJAX request

//making an first ajax request
var ajx = new XMLHttpRequest();
//callback
ajx.onreadystatechange = function(){
   //if all the conditions is OK than go for statements under conditions
   if(ajx.readyState===4 && ajx.status===200){
       //creating HTML element required for server response
         var ul = '<ul class="bulleted">';
      //capturing the json string and convert it into javascript form
     var employees = JSON.parse(ajx.responseText);
        //looping through each employee
        for(var i=0;i<employees.length;i++){
       //making if else condition to check whether the employee is in or out
              if(employees[i].inoffice===false){
                //adding li as a children of ul
                ul+='<li class="in">'+employees[i].name+'</li>';
              }else{
                ul+='<li class="out">'+employees[i].name+'</li>';
              }
        }
     //closing ul tag
       ul+='</ul>';
     //now we need to put the following ul in html structure
     document.getElementById("employeeList").innerHTML = ul;
   }

};

ajx.open("GET","../data/employees.json");
ajx.send();

//making an new ajax request
var ajax = new XMLHttpRequest();

   //callback option
ajax.onreadystatechange = function(){
  //creating an html element
  var ul = '<ul class="rooms">';
  //converting json into javascript
  var rooms = JSON.parse(ajax.responseText);
  //looping through each room
  for(var i=0;i<rooms.length;i++){
    //using if condition to check is room available is false (full)or true(empty)
      if(rooms[i].available===true){
         ul+='<li class="empty">'+rooms[i].room+'</li>';
      }else{
         ul+='<li class="full">'+rooms[i].room+'</li>';
      }
  }
  //closing ul tag
    ul+='</ul>';
  //updating HTML request
  document.getElementById("roomList").innerHTML = ul;
};

ajax.open("GET","../data/rooms.json");
ajax.send();