Question

我用这些链接创建了一个侧边菜单：

<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 id="conteudo">
    <img src="img/foto_inicial.jpg">
</div>

点击该链接后，如何在此图层中加载PHP文件？

Answer 1

使用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>标记中添加此标记以使用类加载器处理链接上的click事件。

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

Answer 2

对DIV id conteudo进行Ajax调用

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

2 个答案: