Ajax неправильно работает?

Question

[Akmal Islamov]

Изучаю ajax.

Запускаю:

window.onload = function() {
    var btn = document.querySelector('.btn');

    btn.addEventListener('click', function() {
        var xhr = new XMLHttpRequest();

        xhr.open("GET","v_index.html", true);

        xhr.send();


        if(xhr.status != 200) {
            document.write(xhr.status + ": " +xhr.statusText );
        }else {
            document.write(xhr.responseText);
        }
    });
}

не работает и код ошибки выдает 0.

А когда open меняю на
xhr.open("GET","v_index.html", false);
то работает!

Что я неправильно делаю?

Comments

[Akmal Islamov]

Verolomstvo, axaxax спасибо))

[Roman Sokolov]

Вот тут посмотри https://developer.mozilla.org/ru/docs/Web/API/XMLH...

В асинхронном режиме проверять статус нужно когда запрос будет выполнен, т.е. после наступления события onload.

[Akmal Islamov]

Роман Соколов, спасибо, заработало!

Answer 1

[RidgeA]

потому что в асинхронном режиме статус на момент его проверки еще не установлен.
Необходимо подписаться на событие `readystatechange`, что бы обработать результат запроса