Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Подгрузка контента без перезагрузки страницы (https://javascript.ru/forum/misc/81592-podgruzka-kontenta-bez-perezagruzki-stranicy.html)

Unycom 20.12.2020 17:16

Подгрузка контента без перезагрузки страницы
 
Добрый день!
Требуется помощь за вознаграждение.

Имеется рабочий скрипт подзагрузки контента без перезагрузки страницы
<script>
function showContent(link) {
var cont = document.getElementById('cont');
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>
<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>

Данный скрипт в свободном доступе. Описание можно нагуглить по запросу - Подгрузка контента без перезагрузки страницы
Там же демо.
Скрипт работает только в одним блоком на странице.
Необходимо сделать несколько блоков на странице.
Емейл unycom@mail.ru


Часовой пояс GMT +3, время: 10:35.