AJAX - Объект XMLHttpRequest

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

Объект XMLHttpRequest

Все современные браузеры (Chrome, Firefox, IE7 +, Edge, Safari, Opera) имеют встроенный объект XMLHttpRequest.

XMLHttpRequest позволяет асинхронно обновлять веб-страницу, обмениваясь данными с веб-сервером.

Вы можете извлекать данные из URL, не обновляя всю страницу.

Это позволяет веб-странице обновлять часть страницы, не прерывая действия пользователя.

Создание объекта XMLHttpRequest

Прежде чем выполнять AJAX-коммуникацию между клиентом и сервером,首先要创建一个XMLHttpRequest объект, как показано ниже:

Синтаксис:

var request = new XMLHttpRequest();

var httpRequest = new XMLHttpRequest();

Cross-site XMLHttpRequest

Из соображений безопасности современные браузеры не позволяют跨域访问.

Это означает, что веб-страница и запросы файлов, которые она пытается загрузить, должны быть расположены на одном и том же сервере.

Примеры на oldtoolbag.com открывают все запросы файлов, расположенные в домене oldtoolbag.com.

Если вы хотите использовать上面的 пример на одной из своих веб-страниц, файл запроса должен быть расположен на вашем собственном сервере.

Старые браузеры (подходят для IE 6 и более ранних версий)

Старые версии Internet Explorer (6 и более ранние версии) используют объекты ActiveX, а не объекты XMLHttpRequest.

Синтаксис:

var request = new ActiveXObject("Microsoft.XMLHTTP");

Чтобы обработать IE6 и более ранние версии, проверьте, поддерживает ли браузер этот объект XMLHttpRequest, в противном случае создайте объект ActiveX:

var httpRequest;
if (window.XMLHttpRequest) {
　　　　// Текущие основные браузеры (Chrome, Mozilla, Safari, IE7+, ...)
　　　　httpRequest = new XMLHttpRequest();
else if (window.ActiveXObject) {
　　　　// <= IE 6 или более ранние версии IE
　　　　httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}

Свойства объекта XMLHttpRequest

В таблице ниже перечислены все свойства объекта XMLHttpRequest：

Методы объекта XMLHttpRequest

В таблице ниже перечислены все методы объекта XMLHttpRequest：