Div不会使用include和Javascript在PHP中刷新

Question

我正在尝试创建一个登录页面。

现在，您只需在login.php页面上单击Login ，它就会向index.php发送一个请求，该请求显示成功登录的消息并更改在会话中使用的变量loggedin ，以查看用户是否已登录，然后重定向到主页。

现在我的导航栏 （nav.php）检查loggedin的会话变量，并相应地显示内容，即用户是否登录，以及他们是否可以看到我的个人资料链接等...

问题是当登录页面（ login.php ）向index.php发送请求时，登录页面会执行如下检查：

index.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语句尝试更新包含nav.php的菜单行div类，以反映正在显示的loggedin会话变量的更改，但它只显示我在nav.php页面上单击另一个链接后的更改。

所以基本上我问为什么我的

echo '<script type="text/javascript">$(".menu.row").load("index.php");</script>';

不刷新包含我的nav.php的div，从而允许nav.php执行PHP代码来检查loggedin的变量并采取相应的行动？

以下是一些代码：

index.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>

nav.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>

login.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>

Answer 1

好的但是我看到我有文本/ javascript“我试图改变回声cript type = text / jquery”> $（“。menu.row”）。load（“index.php”）;; 按下登录后仍然没有效果我仍然需要点击nav.php上的链接进行刷新 - David Kroukamp 4分钟前

我担心我不能发表评论所以必须回答。 将类型更改为text / jquery将不起作用。 在调用jQuery之前包括以下内容....

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

并将您的脚本类型保留为text / javascript

您还可以下载最新的jquery.min.js并在您自己的服务器上链接到它而不是链接到googleapis.com

UPDATE

目前你正在包括nav.php和THEN设置会话变量。 这就是为什么它在页面加载后单击nav.php时有效。

case 'logged_in':
                        $_SESSION['loggedin'] = true;

以上需要先设定

include('nav.php');

Answer 2

JavaScript库是一堆代码，有人编写这些代码为您提供某些功能。 这不是它自己的独立语言。 所以你的type应该仍然是text/javascript 。 但是您需要在页面上包含该库。 您可以从http://jquery.com/download/下载它，也可以使用托管版本，如下所示：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

或者如果您愿意，可以使用Google的CDN：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

更新：

nav.php看起来像是包含整个HTML文档。 您将其插入另一个HTML文档的div中。 您应该修改nav.php以仅包含要进入div的内容（可能只是<p>标记的内容。

此外，它看起来不像你在nav.php中启动你的PHP会话。 因此它无法访问$_SESSION变量。 确保你调用session_start(); 在nav.php 。

Answer 3

在nav.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($_GET) && isset($_GET['page'])) {
                        if($_GET['page'] == 'logged_in') {
                            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>";
                        } 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>";
                        }
                    } 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>

切换语句很棘手，所以我倾向于清楚它们。 您最初的错误是引用变量$_SESSION['logged_in']而不是$_SESSION['page'] 。

Div不会使用include和Javascript在PHP中刷新

问题描述

3 个解决方案

解决方案1
2 已采纳 2013-04-10 15:21:49

解决方案2
1 2013-04-10 15:21:52

解决方案3
1 2013-04-10 15:22:59

Div不会使用include和Javascript在PHP中刷新

问题描述

3 个解决方案

解决方案1 2 已采纳 2013-04-10 15:21:49

解决方案2 1 2013-04-10 15:21:52

解决方案3 1 2013-04-10 15:22:59

解决方案1
2 已采纳 2013-04-10 15:21:49

解决方案2
1 2013-04-10 15:21:52

解决方案3
1 2013-04-10 15:22:59