Отладка передачи переменной Javascript

Похоже, вы хотите, чтобы каждая итерация имела отдельную привязку для participantID и participantName. Поскольку var имеет область действия и поднимается, вам следует использовать вместо него const или let. Или, что еще лучше, полностью избегайте циклов for и используйте forEach, который не требует ручной итерации и имеет автоматическую абстракцию. Попробуйте что-то вроде этого:

const participantIDs = <?php echo json_encode($participantIDs) ?>;
const participantNames = <?php echo json_encode($participantNames)?>;
participantIDs.forEach((participantID, i) => {
  const participantName = participantNames[i];
  makeRequest('pageWithLocationInfo.php?participantID=' + participantID, function(response) {
    const data = JSON.parse(response.responseText);
    data.forEach(item => displayLocation(item, participantName));
  });
});

Более уродливым решением было бы просто использовать let в ваших циклах, у которого есть область видимости блока (с которой легко взаимодействовать), а не область действия (с которой сложнее взаимодействовать):

var participantIDs = <?php echo json_encode($participantIDs) ?>;
var participantNames = <?php echo json_encode($participantNames)?>;
for (let i = 0; i < participantIDs.length; i++) {
  const participantID = participantIDs[i];
  const participantName = participantNames[i];
  makeRequest('pageWithLocationInfo.php?participantID=' + participantID, function(dataR) {
    const data = JSON.parse(dataR.responseText);
    for (var j = 0; j < data.length; j++) {
      displayLocation(data[j], participantName);
    }
  });
}

Не используйте одно и то же имя переменной индекса итерации как для внутреннего, так и для внешнего цикла; используйте разные имена.

Вы можете попробовать следующее и рассказать мне, каков результат. Также необходимо знать, как makeRequest указывает на неисправность.

var participantIDs = [];
var participantNames = [];

if (participantIDs.length!==participantNames.length){
  throw new Error("participants id's and names are not the same length");
}
Promise.all(
  participantIDs.map(//map names and id's to [[id,name],[id,name]]
    function(id,index){
      return [id,participantNames[index]]
    }
  ).map(
    function(idName){//in ES7 you can use ([id,name])=>new Promise...
      return new Promise(
        function(resole,reject){
          makeRequest(//What does makeRequest return to indicate failure?
            "pageWithLocationInfo.php?participantID = " + idName[0],
            function(data){
              resolve(data);
            }
          )
        }
      ).then(
        function(response){
          var data = JSON.parse(response.responseText);
          data.forEach(function(location){
            displayLocation(location, idName[1]);
          })
          return [data,idName];
        }
      )
    }
  )
).then(
  function(results){
    console.info("results is:",results)
  }
)