Лучший способ добиться этого — использовать шаблон PRG.
< бр>
index.php
<сильный>1. Создайте элемент для модального контента в HTML
<div id=modal></div>
<сильный>2. Стиль вашего элемента #modal
#modal {
position: fixed;
display: none; /*important*/
color: white;
text-align: center;
z-index: 1000;
width: 100%;
height: 80px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: crimson;
line-height: 2;
}
<сильный>3. Определите функцию, как отображать и скрывать модальное окно с помощью jQuery
'use strict'
window.jQuery ?
$.fn.notify = function(interval) {
let el = $(this),
text = el.text(),
modal =()=> { // this will fire after the interval has expired
el.fadeOut(),
clearInterval(timer)
},
timer = setInterval(modal,interval)
!text.match(/\S+/) || el.text('') // this will fire when modal box contains text
.append(`<h3>${text}</h3>`)
.show()
}
: alert('jQuery required.')
<сильный>4. Прикрепите .notify() к селектору jQuery
$(()=>{
$('#modal').notify(1500) // 1500 is the interval in milliseconds
})
<сильный>5. Вставьте уведомление, отправленное из PHP, внутрь элемента #modal
<div id=modal>
<?=
@$_SESSION["notify"]; // if this variable is not set, nothing will happen
unset($_SESSION["notify"]);
?>
</div>
<сильный>6. Выполните простой $_GET запрос
<a href=parse.php?logout>Logout</a>
parse.php
<сильный>7. Вернуть значение с помощью PHP в переменной $_SESSION
if (isset($_GET["logout"])) {
$_SESSION["notify"] = "You have been logged out.";
header("Location: index.php");
}
Это хорошая практика. Как только запрос на выход будет отправлен в PHP, он будет перенаправлен на индексную страницу с результатом в переменной сеанса. Шаблон PRG не всегда требует запроса POST. В этом примере отправляется запрос GET, который подходит для выхода из системы. Обратите внимание, что вы должны поместить session_start(); вверху ваших файлов.
06.07.2017
