在HTML页面的特定div中加载一些PHP链接？

我用以下链接制作了一个侧菜单：

<div id="menu_lat">
    <a href="http://localhost:8080/sgf/form_proposta.php">Orçamentos</a>
    <a href="relatorios.html">Relatórios</a>
    <a href="proximos.html">Próximos Eventos</a>
    <a href="chat.html">Chat</a>
</div>

当我打开其中一个时，内容将在另一个div中打开（在第一页中，该div已经有一些内容，这是一个图像）：

---

当我单击该链接时，如何在该层中加载PHP文件？

对DIV id conteudo执行Ajax调用

对DIV id conteudo执行Ajax调用

使用jQuery和

load（）

函数

用类更新您的链接

<div id="menu_lat">
    <a class="loader" href="http://localhost:8080/sgf/form_proposta.php">Orçamentos</a>
    <a class="loader" href="relatorios.html">Relatórios</a>
    <a class="loader" href="proximos.html">Próximos Eventos</a>
    <a class="loader" href="chat.html">Chat</a>
</div>

然后在

标记中添加此项，以处理类加载器链接上的单击事件

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $('.loader').click(function(event) {
        event.preventDefault(); // stop the link loading the URL in href
        $('#conteudo').load($(this).attr('href'));
    }); 
});
</script>

$（函数（）{
$（'.loader'）。单击（函数（事件）{
event.preventDefault（）；//停止在href中加载URL的链接
$（'#conteudo'）.load（$（this.attr（'href'））；
}); 
});

使用jQuery和

load（）

函数

用类更新您的链接

<div id="menu_lat">
    <a class="loader" href="http://localhost:8080/sgf/form_proposta.php">Orçamentos</a>
    <a class="loader" href="relatorios.html">Relatórios</a>
    <a class="loader" href="proximos.html">Próximos Eventos</a>
    <a class="loader" href="chat.html">Chat</a>
</div>

然后在

标记中添加此项，以处理类加载器链接上的单击事件

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $('.loader').click(function(event) {
        event.preventDefault(); // stop the link loading the URL in href
        $('#conteudo').load($(this).attr('href'));
    }); 
});
</script>

$（函数（）{
$（'.loader'）。单击（函数（事件）{
event.preventDefault（）；//停止在href中加载URL的链接
$（'#conteudo'）.load（$（this.attr（'href'））；
}); 
});

您可以进行“框架”设置，但我不建议这样做。您还可以分配一个javascript函数来运行，并将conteudo div的html内容更改为从该页面返回的html。没有时间为您编写代码，但这是我的想法。您将无法在

.html

文件中包含任何PHP指令，除非您在

.htaccess

文件中使用

AddHandler应用程序/x-httpd-PHP.html.htm

。您可以使用iframe，但这可能会使事情复杂化。如果您将整个文件结构更改为

.php

，那么将更加容易。使用JS是可以的，但是如果用户禁用JS，你会怎么做？然后你就上了那条小溪您可以进行“框架”设置，但我不建议这样做。您还可以分配一个javascript函数来运行，并将conteudo div的html内容更改为从该页面返回的html。没有时间为您编写代码，但这是我的想法。您将无法在

.html

文件中包含任何PHP指令，除非您在

.htaccess

文件中使用

AddHandler应用程序/x-httpd-PHP.html.htm

。您可以使用iframe，但这可能会使事情复杂化。如果您将整个文件结构更改为

.php

，那么将更加容易。使用JS是可以的，但是如果用户禁用JS，你会怎么做？然后你就上了那条小溪我只是把它添加到我的脚本标记中，我就可以在我的页面中使用jQuery了？我还没有研究它，阿贾克斯也没有/链接正在加载整个页面中的URL您还需要包含jQuery库本身，请参阅更新的应答器必须在本地包含jQuery，但现在我单击链接时没有发生任何事情。哎呀，我想没有发生任何事情，因为文件夹在htdocs之外。现在它工作得很好非常感谢，先生！我只是把它添加到我的脚本标记中，我就可以在我的页面中使用jQuery了？我还没有研究它，阿贾克斯也没有/链接正在加载整个页面中的URL您还需要包含jQuery库本身，请参阅更新的应答器必须在本地包含jQuery，但现在我单击链接时没有发生任何事情。哎呀，我想没有发生任何事情，因为文件夹在htdocs之外。现在它工作得很好非常感谢，先生！