XMLHttpRequest: событие readystatechange

Базовая линия Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

Примечание: Эта функция доступна в Потоках выполнения Web Workers, за исключением Service Workers.

Событие readystatechange срабатывает всякий раз, когда свойство readyState объекта XMLHttpRequest изменяется.

Предупреждение: Это не следует использовать с синхронными запросами и не должно использоваться из кода нативных приложений.

Синтаксис

Используйте имя события в методах, таких как addEventListener(), или установите свойство обработчика событий.

addEventListener("readystatechange", (event) => {});

onreadystatechange = (event) => {};

Тип события

Общее событие Event без дополнительных свойств.

Примеры

const xhr = new XMLHttpRequest();
const method = "GET";
const url = "https://developer.mozilla.org/";

xhr.open(method, url, true);
xhr.onreadystatechange = () => {
  // In local files, status is 0 upon success in Mozilla Firefox
  if (xhr.readyState === XMLHttpRequest.DONE) {
    const status = xhr.status;
    if (status === 0 || (status >= 200 && status < 400)) {
      // The request has been completed successfully
      console.log(xhr.responseText);
    } else {
      // Oh no! There has been an error with the request!
    }
  }
};
xhr.send();

Спецификации

Спецификация
XMLHttpRequest # event-xhr-readystatechange
XMLHttpRequest # handler-xhr-onreadystatechange

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`readystatechange_event`	1	12	1	9	1.2	18	4	10.1	1	1.0	4.4

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/readystatechange_event