Сохранение XHR-запроса в переменную javascript

Question

У меня проблемы с хранением ответа на мой запрос XHR.

Здесь представлен javascript:

var req = new XMLHttpRequest;
req.open('get', 'https://jsonplaceholder.typicode.com/todos', true);
req.responseType = 'json';
req.send();

В инструментах Chrome Dev я вижу, что ответ - это элементы, которые я хочу, поэтому запрос должен быть в порядке. Это состояние 200 и состояние 4.

Проблема возникает, когда я пытаюсь написать

var myJSON = req.response;

Когда я захожу на консоль, он отвечает «ноль». Но если я переназначу значение с помощью инструментов dev на точно такое же значение, я получу свой объект JSON. Может кто-нибудь объяснить, почему и как я могу это исправить?

Answer 1

попробуй с готовым состоянием

   var req = new XMLHttpRequest;
    req.open('get', 'https://jsonplaceholder.typicode.com/todos', true);
    req.responseType = 'json';
    req.send();
    req.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
          console.log(this.response);
var myJSON = this.response;
        }
      };