За последние 24 часа нас посетили 22776 программистов и 1223 робота. Сейчас ищут 808 программистов ...

Подгрузка контента без перезагрузки страницы

Тема в разделе "JavaScript и AJAX", создана пользователем Unycom, 20 дек 2020.

  1. Unycom

    Unycom Новичок

    С нами с:
    20 дек 2020
    Сообщения:
    2
    Симпатии:
    0
    Добрый день!
    Имеется рабочий скрипт подзагрузки контента без перезагрузки страницы
    <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>

    Вопрос
    Как изменить скрипт, чтобы на странице было несколько блоков?
    Я чайник, если можно выложите кодом.
    Спс.