Отображение данных JSON из результатов API в DOM

Question

Привет! Я создал запрос API к веб-приложению. Я могу получить данные успешно, хотя, когда я пытаюсь отобразить отдельные части данных JSON в DOM, я получаю неопределенный. Я перечислил мой код ниже.

//initial API call
var request = new XMLHttpRequest();

request.open('GET', apiUrl + apiRequest + apiCredential + apiParameter + apiFilter, true);
request.onload = function () {
    //accessing JSON data
    data = this.response;
    if (request.status >= 200 && request.status < 400) {
            document.getElementById('test').innerHTML = data.CreatedBy;
    }
}
request.send();

Answer 1

Прежде всего, JSON - это строка.И строки не имеют свойства CreatedBy.

Чтобы получить структуру данных из этой строки, необходимо проанализировать ее:

//accessing JSON data
data = JSON.parse(this.response);
if (request.status >= 200 && request.status < 400) {
    document.getElementById('test').innerHTML = data.CreatedBy;
}

Обратите внимание, что JSON.parse() можеткинь ошибку.Возможно, вы захотите заключить этот раздел в блок try / catch.