Ajax, просто и практично, ничего лишнего. Контент может быть любой: статичный, динамичный, текст, картинки, флэш, видео, аудио. Может послужить основой небольшого сайта.
Пример использования:
Между <head></head>
:
02 | function showContent(link) { |
03 | var cont = document.getElementById( 'content' ); |
04 | var loading = document.getElementById( 'loading' ); |
05 | cont.innerHTML = loading.innerHTML; |
06 | var http = createRequestObject(); |
08 | { http.open( 'get' , link); |
09 | http.onreadystatechange = function () |
10 | { if (http.readyState == 4) |
11 | { cont.innerHTML = http.responseText; } } |
14 | { document.location = link; } } |
16 | function createRequestObject() |
17 | { try { return new XMLHttpRequest() } |
19 | { try { return new ActiveXObject( 'Msxml2.XMLHTTP' ) } |
21 | { try { return new ActiveXObject( 'Microsoft.XMLHTTP' ) } |
22 | catch (e) { return null ; } } } } |
Между <body></body>
:
<a href="#" onClick="showContent('page1.html')">Страница 1</a>
<a href="#" onClick="showContent('page2.html')">Страница 2</a>
<div id="content">
</div>
<div id="loading" style="display: none">
Идет загрузка...
</div>
2 | showContent( 'page1.html' ) |
Комментарии:
Oles#
Спасибо, очень полезная информация :)
coder.hol.es /* Админ */#
Пожалуйста =)
Игорь#
Пример классный.. но но как тогда оптимизировать страничку, если текста нет вообще в исходнике((
coder.hol.es /* Админ */#
Для этого нужно что-то для индексации и оптимизации поместить на эту страничку) Кроме того, когда смотрится исходник, страница по умолчанию подгружена, вроде как.
Андрей#
У меня не работает, причину указать не могу, все файлы созданы, ссылка нажимается, контент не загружается
Пример работает – исходники нет
Может быть что из-за того, что файлы не на сервере?
P.S. Я чайчник