Почему мой Ajax вызов не проходит через состояние готовности 1?

Question

Мне кажется, что я все сделал правильно, но я не получаю ответа от моего Ajax звонка, что мне не хватает?

function loadMedia() {

const xhr = new XMLHttpRequest();

xhr.open('GET', 'https://pokeapi.co/api/v2/pokemon', true);
console.log(xhr.readyState);

xhr.onload = function() {
    if(xhr.status === 200 ) {
        console.log(true)
        let txt = JSON.parse(xhr.responseText);
        console.log(txt)
        for(let i in txt) {
            console.log(txt[i])
        }
    }
}
console.log(xhr.readyState)
xhr.send()
}

Он просто остается в состоянии готовности 1.

Answer 1

xhr.readyState не поможет вам в том, как вы написали код, вы должны отладить, называется ли onload.

console.log(xhr.readyState); // sync
xhr.onload = function() {
   // async inside the function call, when onload
}; 
console.log(xhr.readyState) // sync, this isn't waiting AJAX response

Если вы положили console.log(xhr.readyState) в ваш обратный вызов Если он будет регистрировать другие значения, но не забывайте также обрабатывать onerror ...

Я бы предложил использовать addEventListener API слушателей вместо старых обработчиков событий моды.

Надеюсь, это поможет!