Получение подробных данных из json файла

У меня есть такой файл json

{
    "doctors": [{
        "name": "...",
        "Section": "...",
        "Grade": "..."
    },
    {
        "name": "...",
        "Section": "...",
        "Grade": "..."
    }],
    "nurses": [{
        "name": "...",
        "Grade": "..."
    },
    {
        "name": "...",
        "Grade": "..."
    },
    {
        "name": "...",
        "Grade": "..."
    },
    {
        "name": "...",
        "Grade": "..."
    }]
}

Внутри тега сценария html-файла я определил функцию loadData, которая вызывается при нажатии кнопки.

function loadStaffData() {
        var xo = new XMLHttpRequest();
        xo.overrideMimeType("application/json");
        xo.open('GET', 'staff_data.json', true); 
        xo.onreadystatechange = function () {
            if (xo.readyState == 4 && xo.status == "200") {                  

              var X=JSON.parse(xo.responseText);
              console.info(X); //line 18
            }
          };
          xo.send(null);
        }

Сейчас я могу получить только весь набор данных в файле json. Но мне нужно уметь извлекать имя / раздел / пол каждого врача / медсестры отдельно. Я пробовал набирать xo.responseText('doctors'[0]) и даже xo.responseText([0][0]), но ни один из них не работал.

Редактировать Я также попытался разобрать responseText: JSON.parse(xo.responseText). Но у меня такая ошибка: JSON.parse: expected ',' or '}' after property value in object at line 18

Файл json находится на моем локальном диске, и я использую firefox (версия для разработчиков) для вывода.