Отобразить всплывающее окно даже после перенаправления на другую страницу

Question

В моем приложении перенаправление с страницы 1 на страницу 2 занимает почти 6 секунд. Так что пока мне нужно отображать всплывающее окно сразу при нажатии гиперссылки на стр. 1, которая должна быть там до тех пор, пока все данные не загрузятся на стр. 2.

Я попытался реализовать обычным способом (откройте всплывающее окно по щелчку гиперссылки, а между тем страница перенаправляется на страницу2), но URL-адрес страницы страницы меняется на страницу2, всплывающее окно закрывается по мере запуска страницы DOM погрузка. Это не мое требование. Может кто-нибудь, пожалуйста, предложите мне, как это реализовать.

Answer 1

Просто подумайте ... найдите переменную GET (например, showMessage) при загрузке, которая будет отображать одно и то же всплывающее окно с страницы 1, чтобы оно выглядело как одно и то же сообщение. Пример функции для вашего обработчика событий кликов.

function redirectHandler(pageURL) { 
    // Display Popup 
    // Redirect to pageURL and append "?showMessage=true" 
} 

Когда DOM готов на странице 2, отобразите всплывающее окно перед событием загрузки страницы.

$(document).ready() { 
    // Get query parameters 
    // Display popup if showMessage is true 
} 

После Page 2 докачивает, скрытие всплывающих

$(window).load(function() { 
    // Remove popup 
}); 

переменная GET также может обрабатываться на стороне сервера, и не было бы никакой задержки JS для Отрисовка всплывающего окна.

Answer 2

Вы можете открыть новое внешнее всплывающее окно. Он будет независимым от страницы, загружаемой в фоновом режиме.

window.open("/href/to/page"); 

Вы можете найти более подробную информацию о всплывающих окнах here