Javascript 单击时将链接ID值从php发布到另一个php页面

我希望你们能帮我。所以问题是，如何从第1页获取链接id，并在单击链接时将其发送到第2页？因此，我可以根据单击的id进行查询，以显示其自己的内容，而不是显示每个id的全部内容。第2页包含在第1页中。所以到数据库的连接是相同的。楼层表和房间表位于同一数据库中。 这是我的密码

第1页（侧边栏菜单。例如一楼、一楼）

第2页（侧边栏菜单内容。例如底层内容、第一层内容）

更改

<a
    href="#floor"
    data-toggle="tab"
    id="<?php echo $row['floorid'];?>">
        <?php echo $row['floorname'];?>
</a>

您可以使用此代码。
这可以通过两种方法实现：一种是$\u GET，另一种是$\u POST

$\u获取方法示例：-

添加

href=“？id=
#地板”
在锚标签中

您可以通过多种方式将其存档，但我将向您展示两种实现此目的的方法

首先是纯PHP

第1页：

<?php
    $result = $conn->query("select * from floors");
    while ($row = $result->fetch_assoc()) 
    {
        ?><li><a class="links" href="page2.php?id=<?php echo $row['floorid'];?>" data-toggle="tab" id="<?php echo $row['floorid'];?>"><?php echo $row['floorname'];?></a></li><?php
    }
?>

上面的代码所做的是当文档准备就绪时，它会侦听或查找指定类“.links”上的click事件。当函数看到在“.link”类下的任何链接上都有一个click事件时，它将执行click-even并读取“id”属性值

然后使用AJAX将捕获的数据发送到第二个PHP，绘制来自该PHP的响应，并在id“floor”下填充div

另外一点是，您的处理PHP将不会被加载，它将在服务器中进行处理，并且主页不会被刷新。div将被重新写入到即将到来的响应文本中

希望这有帮助，如果它不工作，请告诉我

注意：请阅读并切换到使用准备好的语句。如果您使用的是
mysqli
，那么请阅读
PDO
，然后像这样阅读
；现在重新检查我的答案，我已经附上了$u GET方法工作的图像。您可以使用锚定标记exp:href=“？id=YOURID#floor”中使用的$\u GET['id']访问id use=$\u GET['id']@richmondgingon最初它会出错，因为没有进行任何检查以检查是否定义了
$\u GET['id']
。你试过点击链接吗？什么不起作用？@richmondgingon很高兴听到你的问题，如果它解决了你的问题，请将答案标记为所选答案并投票表决。这是有效的，但会弄乱我的表格。时间戳更改为默认值，即1970 OK，这个问题已经解决，现在您面临另一个新问题，建议您打开另一个问题并寻求帮助，非常具体，给出所有详细信息，以便我们能够提供帮助，
<a
    href="#floor"
    data-toggle="tab"
    id="<?php echo $row['floorid'];?>">
        <?php echo $row['floorname'];?>
</a>

<a
    href="?id=<?php echo $row['floorid'];?>#floor"
    data-toggle="tab"
    id="<?php echo $row['floorid'];?>">
    <?php echo $row['floorname'];?>
</a>

<?php
    if(isset($_GET['id'])){
        $result = $conn->query("SELECT * FROM rooms WHERE floorid = '".$_GET['id']."'");
        while($row = $result->fetch_assoc()) 
        {
            ......
        }
        mysqli_close($conn);
    } 
?>

<?php
    $result = $conn->query("select * from floors");
    while ($row = $result->fetch_assoc()) 
    {
        ?><li><a class="links" href="page2.php?id=<?php echo $row['floorid'];?>" data-toggle="tab" id="<?php echo $row['floorid'];?>"><?php echo $row['floorname'];?></a></li><?php
    }
?>

<?php
    $result = $conn->query("select * from floors");
    while ($row = $result->fetch_assoc()) 
    {
        ?><li><a class="links" href="#" id="<?php echo $row['floorid'];?>"><?php echo $row['floorname'];?></a></li><?php
    }
?>
<div id="tab content>
  <div id="floor" class="tab-pane fade in">    
  </div>
</div>

$(document).ready(function() {
    $(document).on('click', '.links', function(){
        var id = $(this).prop('id');

        $.ajax({
            url: 'page2.php',
            type: 'get',
            data: {'id': id}
        }).then(function (response) {
            if (response) {
                $('#floor').html(response);
            }
        });
    });
})