我正在尝试创建一个登录页面。
现在您只需在 login.php 页面上单击登录，然后它会向index.php发送一个请求，该请求会显示成功登录的消息并更改loggedin会话中使用的变量以查看用户是否已登录，然后重定向到主页。
现在我的导航栏（nav.php）检查会话变量loggedin并相应地显示内容，即用户是否登录以及他们是否可以看到我的个人资料链接等...
问题是当登录页面 ( login.php) 向登录页面发送请求时index.php，它会进行如下检查：
索引.php：
.row, .col { overflow: hidden; position: absolute; }
.row { left: 0; right: 0; }
...
.menu.row { height: 75px; top: 75px; background-color: #EDEDED; }
...
<div class="menu row">
<?php
include("nav.php"); ?>
</div>
...
case 'logged_in':
$_SESSION['loggedin'] = true;
print '<script type="text/javascript">';
print 'alert("You have been logged in successfully and will be re-directed to your homepage...")';
print '</script>';
include('home.html');
echo '<script type="text/javascript">$(".menu.row").load("index.php");</script>';
break;
如您所见，最后一个 echo 语句尝试更新包含的菜单行 div 类，nav.php以反映loggedin正在显示的会话变量的更改，但它仅在我单击nav.php页面上的另一个链接后才显示更改。
所以基本上我在问为什么我的
echo '<script type="text/javascript">$(".menu.row").load("index.php");</script>';
不刷新包含我的nav.php的 div，从而允许nav.php执行 PHP 代码以检查变量loggedin并采取相应措施？
这是一些代码：
索引.php：
<?php session_start(); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CC Chat</title>
<meta
http-equiv="content-type" content="text/html; charset=utf-8"
/>
<!--
Thanks too http://stackoverflow.com/a/7851347/1133011 for the help
on layout which acts more like frames but avoids them and using divs. As frames have
known draw backs see here http://stackoverflow.com/questions/4600648/frames-with-php we
should thus rather use include in php
!-->
<style type="text/css" media="screen">
/* Generic pane rules */
body { margin: 0 }
.row, .col { overflow: hidden; position: absolute; }
.row { left: 0; right: 0; }
.col { top: 0; bottom: 0; }
.scroll-x { overflow-x: auto; }
.scroll-y { overflow-y: auto; }
.header.row { height: 75px; top: 0; background-color: #E5E5E5; }
.menu.row { height: 75px; top: 75px; background-color: #EDEDED; }
.body.row { top: 150px; bottom: 50px; background-color: #F5F5F5; }
.footer.row { height: 75px; bottom: 0; background-color: #EBEBEB; }
</style>
</head>
<body>
<div class="header row">
<?php include("header.html"); ?>
</div>
<div class="menu row">
<?php
include("nav.php"); ?>
</div>
<div class="body row scroll-y">
<?php
if(isset($_GET['page'])) {
switch ($_GET['page']) {
case 'login':
include('login.php');
break;
case 'logged_in':
$_SESSION['loggedin'] = true;
print '<script type="text/javascript">';
print 'alert("You have been logged in successfully and will be re-directed to your homepage...")';
print '</script>';
include('home.html');
echo '<script type="text/javascript">$(".menu.row").load("index.php");</script>';
break;
case 'log_out':
$_SESSION['loggedin'] = false;
include('loggedout.html');
break;
case 'profile':
include('profile.php');
break;
case 'contact_us':
include('contact.html');
break;
default:
include('home.html');
break;
}
} else
include('home.html');
?>
</div>
<div class="footer row">
<?php include("footer.php"); ?>
</div>
</body>
</html>
导航.php：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Navigator</title>
<meta
http-equiv="content-type"
content="text/html; charset=iso-8859-1"
/>
</head>
<body>
<p align="center">
<?php
if(isset($_SESSION['loggedin'])) {
switch ($_SESSION['loggedin']) {
case true:
echo "<a href=\"index.php?page=home\">Home</a> <a href=\"index.php?page=contact_us\">Contact Us</a> <a href=\"index.php?page=profile\">My profile</a> <a href=\"index.php?page=log_out\">Log out</a>";
break;
default:
echo "<a href=\"index.php?page=home\">Home</a> <a href=\"index.php?page=contact_us\">Contact Us</a> <a href=\"index.php?page=login\">Login</a>";
break;
}
} else {
echo "<a href=\"index.php?page=home\">Home</a> <a href=\"index.php?page=contact_us\">Contact Us</a> <a href=\"index.php?page=login\">Login</a>";
}
?>
</p>
</body>
</html>
登录.php：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Login</title>
<meta http-equiv="content-type"
content="text/html; charset=iso-8859-1"
/>
</head>
<body>
<h2 align="center">Login</h2>
<p align="center">
<?php
$var=true;//user password was correct
if($var==true){
echo '<a href="index.php?page=logged_in">Login</a>';
} else {
print '<script type="text/javascript">';
print 'alert("Password is incorrect.")';
print '</script>';
}
?>
</p>
</body>
</html>