javascript XMLHttpRequest как передать данные с сервера без перезагрузки html или php страницы

Когда пользователь открыл страницу сайта, то все данные уже передались. Чтобы данные на странице обновились пользователь должен нажать 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);
};

 

Мы просто немного изменили конструкцию для проверки состояния.



Оставить свой ответ:

Имя:*
E-Mail:
Вопрос:
Skolko buдет пять пдюс сeмь?
Ответ:*
QQpedia21.ru - cамые интересные вопросы