我正在使用PHP创建一个登录系统，并尝试使它看起来更好。
当您注销时，您将被重定向回index.php。就像这样：
header("loaction: index.php?logout=true")
if(isset($_GET['logout'])) {
$logoutvalue = $_GET['logout'];
if($logoutvalue = "true") {
$notification = "You've been logged out!";
}
从URL中获取logout的值并对其进行处理。
我有一个小弹出窗口，将显示通知变量的值。在这种情况下，它是“您已注销！”。我的问题是，如何在页面加载时，并且当url等于/index.php?logout=true时，让模态窗口显示？
非常感谢所有的评论、答案和建议！
谢谢！ - Ryan
首先，你不能直接使用PHP打开模态窗口。你只能通过交换变量（通过JSON或XML）或将PHP条件嵌入到标记中来实现。
PHP和JavaScript是独立的。
我的问题是如何在页面加载时显示模态窗口，以及当URL等于/index.php？logout=true时如何显示？
有两种方法可以实现这个目标。
第一种方法：充分利用将PHP条件嵌入到标记中。
第二种方法：在某个地方放置隐藏输入框，例如(<input type="hidden" id="showModal" />)，然后通过JavaScript自身检查它是否存在。
例如：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
window.onload = function(){
if ( document.getElementById('showModal') ){
alert('Box'); //replace with your own handler
}
}
</script>
</head>
<body>
<?php if ( isset($_GET['logout']) && $_GET['logout'] === 'true' ): ?>
<input type="hidden" id="showModal" />
<?php endif;?>
</body>
</html>
我知道这是一篇旧文章，但为了帮助未来遇到类似问题的人，我想以下内容可能有助于找到正确的方向（我已经测试过下面的代码，请根据需要进行调整）。
<?php if(isset($_GET['logout']) && $_GET['logout'] === 'true'){
$message = "You've been logged out!";
?>
<script>
$(function() {
$('#myModal').modal('show');
});
</script>
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Edit Data</h4>
</div>
<div class="modal-body">
<div class="fetched-data"><?php $message ?></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<?php } ?>
<script>
<?php if(isset($_GET['logout']) && $_GET['logout'] === 'true'){
echo 'alert("You\'ve been logged out!");'
}
?>
</script>
编辑：我认为您正在寻找类似于此的模态窗口（使用jQuery）
<?php if(isset($_GET['logout']) && $_GET['logout'] === 'true'){
$message = "You've been logged out!";
?>
<script>
$(function() {
$("#dialog").dialog();//if you want you can have a timeout to hide the window after x seconds
});
</script>
<div id="dialog" title="Basic dialog">
<p><?php echo $message;?></p>
</div>
<?php } ?>
<a href="#popout">打开弹出窗口</a>，如果这有帮助的话。模态窗口看起来更漂亮。 :P - Ryan Fitzgerald$("#dialog").modal();。而且编辑也没有起作用。我不知道这是否有帮助，但这是我得到模态插件的地方。http://www.alessioatzeni.com/blog/login-box-modal-dialog-window-with-css-and-jquery/. - Ryan Fitzgerald.dialog();。你得到的网站也可以使用相同的方法，只需根据你想要的外观进行相应的修改即可。 - Class好的，您现有的代码如下所示，您遇到的问题是希望使用PHP触发/显示jQuery/Bootstrap模态框，但是jQuery/JS尚未加载（因此会出现“$未定义”错误）。
当您说“一个小弹出窗口”时，我假设您指的是Bootstrap类型的模态框。
if(isset($_GET['logout'])) {
$logoutvalue = $_GET['logout'];
if($logoutvalue = "true") {
$notification = "You've been logged out!";
}
}
logout.php
if(isset($_GET['logout'])) {
$logoutvalue = $_GET['logout'];
if($logoutvalue = "true") {
include("logout-modal.php");
}
}
logout-modal.php
<?php ?>
<script>
$('#logoutModal').modal('show');
</script>
<?php ?>
我不确定这是否完全回答了你的问题，但这对我有用。希望能对你有所帮助。
使用PRG模式是完成此任务的最佳方式。
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>
7. 使用 PHP 在 $_SESSION 变量中返回一个值
if (isset($_GET["logout"])) {
$_SESSION["notify"] = "You have been logged out.";
header("Location: index.php");
}
这是一个好的实践。一旦注销请求被发送到PHP，它将通过会话变量重定向到主页并显示结果。PRG模式并不总是需要POST请求。此示例发送GET请求，适用于注销操作。请注意，在文件顶部必须放置session_start();。
或者你甚至可以在 if 语句内部编写脚本：
<?php
if(isset($_GET['logout']) && $_GET['logout'] === 'true'){ ?>
<script type="text/javascript>
window.open(yourhtml);
</script>
</php }
else {
// may be some other script
}
?>
if(isset($_GET['logout'])) {
$logoutvalue = $_GET['logout'];
if($logoutvalue = "true") {
code to open the Modal as in the JS library.....
}