Начинающий Js: REST API возвращает «неопределенное» при успешном вызове

Question

    {
  let request = new XMLHttpRequest();
  request.open('GET', url);
  request.responseType = "text";
var response = XMLHttpRequest.responseText;
  request.send();
  document.getElementById("price").innerHTML = response;
}

В чем может быть моя ошибка? Я пытаюсь напечатать ответ в виде текста, но он просто говорит "undefined"

Answer 1

Вы должны прослушать данные ответа по onreadystatechange

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       document.getElementById("price").innerHTML = xhttp.responseText;
    }
};
xhttp.open("GET", url, true);
xhttp.send();