Привет!
Пробую сделать динамический интерфейс.
Меню:
<ul>
<li data="one.php">One</li>
<li data="two.php">Two</li>
<li data="three.php">Three</li>
</ul>
При клике на пункт меню, страница не обновляется.
А происходит загрузка маленьких страниц-заготовок с помощью
xhr.open('GET', 'one.php', false);
И вставка содержимого из этих страниц-заготовок в блок на главную страницу с помощью
element.innerHTML = xhr.responseText;Полный XMLHttpRequestfunction getContent() {
var xhr = new XMLHttpRequest();
xhr.open('GET', xhrURL, false);
xhr.send();
if (xhr.status !== 200) {
console.log('Ошибка загрузки');
} else {
containerFluid.innerHTML = xhr.responseText;
}
}
ВОПРОСЫ:
1) Как поддерживать постоянную связь с этими страницами-заготовками?
Чтобы все изменения показывались на главной странице без перезагрузки.
2) Насколько будет правильным обвернуть все в setInterval? ПримерsetInterval(
function getContent() {
var xhr = new XMLHttpRequest();
xhr.open('GET', xhrURL, false);
xhr.send();
if (xhr.status !== 200) {
console.log('Ошибка загрузки');
} else {
containerFluid.innerHTML = xhr.responseText;
}
}
, 2000);
3) или вообще не XMLHttpRequest использовать?
например,
websocket, но насколько он будет правильным и кроссбраузерным решением?
