javascript - 如何动态使用php的require()功能

Question

首先我想提一下，我刚刚开始使用 HTML、PHP 和 JS。我想生成一个网站，左侧有一个菜单，右侧有一些内容。经过一些测试我设法做到了。至少是静态的。

到目前为止，我在左侧创建了一个菜单，其中有一些文本(“项目”)，单击它会展开并显示一些报告。所有这些都运行良好。 See here (我将表格边框保留为事件状态以更好地演示)

这是我当前用于生成此网站的代码。

<script type="text/javascript">
$(function () {
  $('.click-nav > ul').toggleClass('no-js js');
  $('.click-nav .js ul').hide();
  $('.click-nav .js').click(function(e) {
    $('.click-nav .js ul').slideToggle(200);
    $('.clicker').toggleClass('active');
    e.stopPropagation();
  });
  $(document).click(function() {
    if ($('.click-nav .js ul').is(':visible')) {
    $('.click-nav .js ul', this).slideUp();
    $('.clicker').removeClass('active');  
    }
  });
});
</script>


<table border=1 width="100%">
    <tr>
        <td width="200px" valign="top" align="left">
            <div class="click-nav">
                <ul class="no-js">
                    <li>
                        <a href="#" class="clicker">Project1</a>
                        <ul>
                            <li><a href="#">Report1</a></li>
                            <li><a href="#">Report2</a></li>
                            <li><a href="#">Report3</a></li>
                            <li><a href="#">Report4</a></li>
                            <li><a href="#">Report5</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        
        </td>
        <td>
            <center>
        
                    <br><br>
                    <H2>Projects</H2>
                    <br><br><br><br>
                    <div id="KPI"><?php require(DB_REP."KPI_report.php")?></div>
            </center>
        </td>
        <td width="50px"></td>
    </tr>
</table>

好的，现在开始解决我的问题。该网站的目标是动态加载这部分:

<div id="KPI"><?php require(DB_REP."KPI_report.php")?></div>

我想这样做:当单击 Report1、2、3、4 或 5 时，我想更改要求。这样需要的 php 就是被单击的元素的值。以这样的方式:

<div id="KPI"><?php require(DB_REP."$clicked.php")?></div>

因为稍后按钮 Report1、Report2.. 等。还将通过解析可用的报告动态生成。

但到目前为止，我没有找到方法来存储 php 变量中单击的元素的值。因为我只在 Java 脚本中获取点击事件。

我希望我的问题很清楚，如果有任何帮助，我将不胜感激。提前致谢!

Answer 1

您需要的是在点击时进行 AJAX 调用。这样，您的 JS 将向您的 PHP 后端发送请求，然后您可以让 PHP 根据请求数据(例如“report_id”)使用适当的响应数据进行响应。

$.ajax({
        url: "index.php",
        data: {report_id:reportId},
        type: "GET"
    })
    .done(function(data){
        // your logic here
    })
    .fail(function(jqXHR){
        console.log(jqXHR);
    })

index.php 代码示例:

$filename = "DB_REP".$_GET("report_id").".php";

if (file_exists($filename)) {   
    require($filename);
}