Как сделать прелоадер на странице, с которой переходят?

Question

[Wewq]

Как сделать прелоадер на странице, с которой переходят? Можно хоть с костылями

Comments

[Alex Karo]

Мало контекста - что за проблема, какие технологии используются
Прелоадер - чего?
В браузере есть prefetch, например

[Wewq]

Alex Karo, Нужно сделать прелоадер страницы. Но только не такой каким он обычно бывает (загружается на самой странице) а что бы он начал работать после допустим клика по ссылке, но до самого перехода на страницу.
Как оно происходит обычно: клик по ссылке >> переход на страницу >> работа лоадера >> загрузка страницы.
А вот как нужно: клик по ссылке >> работа лоадера >> переход на страницу >> загрузка страницы

[Alex Karo]

Это SPA?

[Wewq]

Alex Karo, Нет, вот пример https://trylibomax.com/offer/libo/v1/?uid=48459c4e.... При переходе по форме показывается

Answer 1

[Alex Karo]

Ок, исходя из ситуации "фреймворков нет" и сетевого запроса со страницы все довольно просто:
1) Посылаем сетевой запрос (submit на форме, клику ссылки или по любому другому действию) - через fetch, например
2) Добавляем прелоадер на страницу - классы со стилями, добавление элементов через js - что угодно
3) После resolve нашего promise - убираем прелоадер, добавляем контент на страницу или делаем переход на другую страницу через document.location.href
4) Не забываем про какие-то действия на reject
https://learn.javascript.ru/fetch
https://learn.javascript.ru/promise-basics

Comments

[Wewq]

Спасибо