Не получается вывести JSON в HTML

188

07 июня 2018, 13:10

Пробую сделать расписание по дням недели.

Собственно проблема с выводом в переменную newContent

Может кто знает, в чем подвох?

var xhr = new XMLHttpRequest(); 
        xhr.onload = function() { 
              
            if(xhr.status === 200 && xhr.readyState == 4) { 
                responseObject = JSON.parse(xhr.responseText); 
                actualDateTime = responseObject.ActualDateTime; 
            
                var newContent = ''; 
                for (var i=0; i<=responseObject.Data.length; i++) { 
                    newContent += '<div class="event"><p>'+ responseObject.Data[i].BeginTime + '</p></div>'; 
                } 
                document.getElementById('content').innerHTML = newContent; 
                 
            } 
        }; 
        xhr.open('GET', 'https://api.fitpass.ru/api/lesson/timetable?club=308', true); 
        xhr.send(null);

<div id="content"></div>

Answer 1

У вас банальная опечатка, вместо length написано lenght.

Также, у вас не верное условие в цикле. Нужно использовать строгое неравенство <. Потому что если использовать нестрогое неравенство <=, то у вас будет выход за границы массива.

Что бы такого не повторялось рекомендую использовать какую-нибудь IDE или хороший текстовый редактор, типа SublimeText.

var xhr = new XMLHttpRequest(); 
xhr.onload = function() { 
 
  if (xhr.status === 200 && xhr.readyState == 4) { 
    responseObject = JSON.parse(xhr.responseText); 
    actualDateTime = responseObject.ActualDateTime; 
 
    var newContent = ''; 
    for (var i = 0; i < responseObject.Data.length; i++) { 
      newContent += '<div class="event"><p>' + responseObject.Data[i].BeginTime + '</p></div>'; 
    } 
    document.getElementById('content').innerHTML = newContent; 
 
  } 
}; 
xhr.open('GET', 'https://api.fitpass.ru/api/lesson/timetable?club=308', true); 
xhr.send(null);