XML HttpRequest

Все современные браузеры имеют встроенный объект XMLHttpRequest для запроса данных с сервера.

Объект XMLHttpRequest

Объект XMLHttpRequest может использоваться для запроса данных с веб-сервера.

Объект XMLHttpRequest являетсяМечта разработчикапотому что вы можете:

• Обновление веб-страницы - без перезагрузки страницы
• Запрос данных от сервера - после загрузки страницы
• Получение данных от сервера - после загрузки страницы
• Отправка данных на сервер - в фоновом режиме

Пример XMLHttpRequest

Когда вы вводите символы в поле ввода ниже, XMLHttpRequest будет отправлен на сервер, и вернется несколько предложений по имени (из сервера):

Пример

Введите имя в поле ввода ниже:

Отправка XMLHttpRequest

Ниже приведен пример常见 JavaScript синтаксиса использования объекта XMLHttpRequest:

Пример

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       // Типичное действие, выполняемое при готовности документа:
       document.getElementById("demo").innerHTML = xhttp.responseText;
    }
};
xhttp.open("GET", "filename", true);
xhttp.send();

Попробуйте сами

Объяснение примера

В первом ряду примера был создан Объект XMLHttpRequest:

var xhttp = new XMLHttpRequest();

onreadystatechange Функция, которая будет выполняться каждый раз при изменении состояния объекта XMLHttpRequest:

xhttp.onreadystatechange = function()

когда readyState свойство 4 и status При значении свойства 200, ответ готов:

if (this.readyState == 4 && this.status == 200)

responseText Атрибуты возвращаются в виде текстовых строк в ответ от сервера.

Текстовые строки могут использоваться для обновления веб-страницы:

document.getElementById("demo").innerHTML = xhttp.responseText;

Вы узнаете больше о объекте XMLHttpRequest в разделе AJAX этого учебника.