javascript XMLHttpRequest как передать данные с сервера без перезагрузки html или php страницы
Тэги: javascript XMLHttpRequest XMLHttpRequest
📅1-08-2018 👁334
Когда пользователь открыл страницу сайта, то все данные уже передались. Чтобы данные на странице обновились пользователь должен нажать F5 чтобы обновить страницу. Но обновлять можно и без перезагрузки, используя объект джаваскрипт XMLHttpRequest
Пример:
window.onload = function() {
var url = "http://your_site.com";
var request = new XMLHttpRequest();
request.open("GET", url);
// вызываем функцию для извлечения данных с сервера
request.onload = function() {
if (request.status == 200) alert (request.responseText); }
};
// выполняем запрос
request.send(null);
В старых браузерах IE запрос XMLHttpRequest назывался по другому - ActiveXObject и XDomainRequest
Мы использовали request.onload для определения функции, вызываемой, когда завершается извлечение запрошенных данных с сервера. Это возможность XMLHttpRequest Level 2 (считайте ее «версией 2»), Версия XMLHttpRequest Level 2 остается все еще довольно новой, то есть многие пользователи могут до сих пор использовать браузеры, которые ее не поддерживают. В частности, Internet Explorer 8 (и ниже), а также Opera 10 (и ниже) поддерживают только XMLHttpRequest Level 1.
Хорошая новость заключается в том, что новые возможности XMLHttpRequest Level 2 являются расширениями, поэтому вы сможете без проблем продолжить использовать именно возможности версии 1 во всех браузерах; это всего лишь означает, что ваш код не будет отличаться особой элегантностью. Вот код для использования XMLHttpRequest Level 1:
request.onreadystatechange = function() {
if (request.readyState == 4 && request.status == 200) alert(request.responseText);
};
Мы просто немного изменили конструкцию для проверки состояния.
Оставить свой ответ: