onclick 替换 php 包含的文件

Question

我不确定我想做的事情是否可能，但它就是这样。

我有一个标头，该标头内是“login.php”的 php 包含内容。

“login.php”上是一个将用户带到“forgot.php”的链接。

我想做的是，用户不是被带到“forgot.php”，而是用“login.php”刷新页面，包括替换为“forgot.php”，或者进行某种内容切换，排序就像使用 Iframe 一样。

我不想将用户带到新页面，我只想切换标题中显示的内容。

感谢您提供的任何帮助，代码示例表示赞赏。

Answer 1

如果您尝试在不重新加载页面的情况下完成此操作，则需要使用 AJAX。

如果你只想保留login.php，你也许可以这样做：

<a href="login.php?p=forgot">link</a>

使用 php 类似

<?
if ( isset($_GET['p']) && $_GET['p']=="forgot") {
    include('forgot.php');
} else {
    include('login.php');
}

Answer 2

在页面显示在用户浏览器中之前，PHP 会被完整解析，因此 JavaScript 中的 onclick() 或 onsubmit() 等功能（客户端-side 语言）在 PHP 中不可用。

有几种可能的解决方案：

1) 使用 AJAX 向服务器提交查询，并用结果替换页面上的 HTML 内容。

2) 正如您提到的，使用 iFrame。

3) 在您的 login.php 页面上有一个隐藏的

，其中包含 forgot.php 的 HTML >，并使用简单的 JavaScript onclick() 方法来交换页面内容。在这种情况下，两个“页面”实际上都位于 login.php 的同一个文件中。

Answer 3

我可以想到两件事：

假设你的login.php和forget.php之间的差异不是太大，因为你不更改页面，我会做的就是将html放在forgot.php中就在login.php 的html 下方，隐藏login.php html 并显示forget.php 内容。

示例：

<div id = "login">
    <!-- Login HTML -->
</div>
<div id = "forgot" style = "display:none" >
    <!-- forgot password HTML -->
</div>
<input type="button" value="Forgot Password?" onclick="forgot()" />

Javascript：

function forgot(){
    document.getElementById('login').style.display='none';
    document.getElementById('forgot').style.display='block';
}

否则，您可以使用 ajax 调用页面并插入必要的元素。这会产生明显的停顿。

Answer 4

您无法从 javascript 更改 include 语句，因为当您在浏览器中看到页面时脚本已经执行。

使用ajax动态更改页面内容而无需刷新。
如果您使用 jquery，代码将非常简单：

<script type="text/javascript">
$(document).ready(function() {
    $('#link').click(function() {
        $.get('script.php', function(data) {
            $('#divOfContainer').html(data);
        });
    });
});
</script>
<div id="divOfContainer"><!-- the content to be fetched with ajax will be put here --></div>
<a href="#" id="link">Link</a>