Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.10.2020, 16:30
Аспирант
Отправить личное сообщение для LLIypuk Посмотреть профиль Найти все сообщения от LLIypuk
 
Регистрация: 23.07.2015
Сообщений: 48

Загрузка контента из другой HTML-страницы без перезагрузки.
Приветствую!
На моем HTML-шаблоне есть 2 страницы. main.html и index.html

Между ними осуществляется переход через меню
<ul>
<li><a href="main.html">Main</a></li>  
<li><a href="index.html">Index</a></li>
</ul>


Для плавного перехода был добавлен прелоадер.
$(window).on('load', function () {
    var $preloader = $('#page-preloader'),
        $spinner   = $preloader.find('.loader');
    $spinner.fadeOut();
    $preloader.delay(350).fadeOut('slow');
});


В обоих страницах весь код совпадает, кроме кода, который находится в блоке <div class="content">текст</div>.
При переходе между страницами - сама страница полностью перезагружается. То-есть выгружается старая и загружается новая.

Однако в моем случае необходимо лишь заменить контент в блоке <div class="content">текст</div> без перезагрузки страницы, загрузив этот контент с другой html-страницы и по возможности сделать так, чтобы между сменой контента в этом блоке <div class="content">текст</div> срабатывал прелоадер.
Ответить с цитированием
  #2 (permalink)  
Старый 27.10.2020, 17:30
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от LLIypuk
В обоих страницах весь код совпадает, кроме кода, который находится в блоке <div class="content">текст</div>.
В этом случае на сервере должно быть не два шаблона, а как минимум три - шапка, контент, подвал. Сервер формируя страницу создает ее из этих трех шаблонов, помещая в шаблон контента данные запрашиваемой страницы. В этом случае можно асинхронно менять контент, запрашивая его. В вашем же случае вы запрашиваете всю страницу, и это не асинхронный запрос (по крайней мере его не видно), а значит обновление страницы обязательно будет, всей.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как подгружать страницы без перезагрузки на чистом js с прогрессом? nastya97core Общие вопросы Javascript 9 16.07.2020 12:33
Загрузка содержимого html страницы в другой файл? ifn_935 Общие вопросы Javascript 4 27.08.2015 22:26
Замена контента в ячейке страницы без перезагрузки страницы SER Элементы интерфейса 1 24.03.2011 22:04
Подгрузка информера без перезагрузки страницы splean Общие вопросы Javascript 6 13.03.2009 15:31
Автообновление <div> без перезагрузки страницы Antihrist AJAX и COMET 14 28.07.2008 06:06