Ajax, просто и практично, ничего лишнего. Контент может быть любой: статичный, динамичный, текст, картинки, флэш, видео, аудио. Может послужить основой небольшого сайта.
Пример использования:
Между <head></head>
:
<script> function showContent(link) { var cont = document.getElementById('content'); var loading = document.getElementById('loading'); cont.innerHTML = loading.innerHTML; var http = createRequestObject(); if( http ) { http.open('get', link); http.onreadystatechange = function () { if(http.readyState == 4) { cont.innerHTML = http.responseText; } } http.send(null); } else { document.location = link; } } // ajax объект function createRequestObject() { try { return new XMLHttpRequest() } catch(e) { try { return new ActiveXObject('Msxml2.XMLHTTP') } catch(e) { try { return new ActiveXObject('Microsoft.XMLHTTP') } catch(e) { return null; } } } } </script>
Между <body></body>
:
<a href="#" onClick="showContent('page1.html')">Страница 1</a>
<a href="#" onClick="showContent('page2.html')">Страница 2</a>
<!--//-->
<div id="content">
<!-- CONTENT -->
</div>
<!--//-->
<div id="loading" style="display: none">
Идет загрузка...
</div>
<script> showContent('page1.html') // страница по умолчанию </script>
Комментарии:
coder.hol.es /* Админ */#
Вероятнее всего – это серверный запрос. Попробуйте на локальном сервере – на Денвере, например. Исходник содержит копию примера – должно работать.
Андрей#
Поставил Денвер, в нем тоже не работает (исходник) Возможно я его криво поставил, попробую на хостинге
coder.hol.es /* Админ */#
Навряд ли криво – если правильно прописали доступ через командную строку браузера (через имя тестового сайта), то все должно работать. Попробуйте еще раз -> test.ru (например) ->www -> внутри файлы исходника и перезапустите Денвер.
Андрей#
На Денвере все равно не работает, но на хостинге все отлично, большое спасибо за скрипт)
coder.hol.es /* Админ */#
Пожалуйста=)