JavaScript XMLHttpRequest.readyState — стан запиту

Властивість readyState показує стан запиту — число від 0 до 4.

правити

Загальний опис

Значення: 0 — не відкрито, 1 — відкрито, 2 — заголовки отримано, 3 — тіло вантажиться, 4 — готово.

Історично весь код писали на onreadystatechange із перевіркою readyState === 4 — саме цей рядок ти й досі бачиш у старих прикладах.

Сьогодні це зайве: подія onload спрацьовує рівно тоді, коли стан став 4. Тобто перевірка не потрібна взагалі.

правити

Порада

Побачив if (xhr.readyState === 4) — перед тобою код із 2010-х. Те саме пишеться як xhr.onload = ....

автор: NagarD правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
readyState	1+	1+	1.2+	8+	12+	7+

Підтримка: мобільні переглядачі

Переглядач
readyState	yes	yes	yes	yes

Приклади

+ запропонувати свій приклад у пісочниці

const xhr = new XMLHttpRequest();

// так писали роками
xhr.onreadystatechange = () => {
    if (xhr.readyState === 4 && xhr.status === 200) {
        console.log(xhr.responseText);
    }
};

// а це те саме, лише коротше
xhr.onload = () => console.log(xhr.responseText);

xhr.open('GET', '/api/data');
xhr.send();