javascript - 在 php 中使用唯一的 div Id 传递给 javascript 并用于运行另一个 php 脚本

Question

我有一个div，它使用来自mysql数据库的一些唯一id，我必须将其传递给我的javascript文件，这样我就可以在特定div中显示来自另一个php脚本的结果，该div具有与从分贝。

索引页。

<div class="wrapper">
<?php 
    $query = mysqli_query($con, 'SELECT * FROM in_table limit 10 ');

    while($result = mysqli_fetch_array($query)){ ?>
        <img src= <?php echo $result['user_image_url']; ?> />

    <?php 
        echo $result['msg'].'</br>';
        echo '<a href="#'.$result['statusID'].'">More...</a></br>';

        echo '<div id="'.$result['statusID'].'" class="rest" style="width: 400px; height: 100px;"></div>';
    }
?>

div 位于 while 循环内。

ajax.js

$('a').on('click', function(){
    var hash = this.hash.replace('#','');

    $.post('content.php', {id: hash}, function(data){
        $('div#?????').html(data);
    });

})

那么我如何在里面调用那个div呢？

内容.php

<?php
    include('ajax.php');

    if (isset($_POST['id'])) {
        $id = $_POST['id'];
    }

    $query = mysqli_query($con, "SELECT * FROM comments where statusID = '".$id."'");

    while($row = mysqli_fetch_array($query)){
        echo $row['message'].'</br>';
    }   
?>

Answer 1

为什么不在选择器中使用哈希？

$.post('content.php', {id: hash}, function(data){
    $('div#' + hash).html(data);
});

我还听说在检索某些内容时使用 GET 并在修改某些内容时使用 POST 更轻量且更刻意地正确。

<小时/>

编辑:

你说你使用所有整数作为 ID，这对 DOM 不利。尝试在 ID 之前添加一些文本，如下所示:

echo '<a href="#t'.$result['statusID'].'">More...</a></br>';
echo '<div id="t'.$result['statusID'].'" class="rest" style="width: 400px; height: 100px;"></div>';

现在 ID 将类似于 t1000 和 NOT 1000。

然后在你的 JS 中执行

$.post('content.php', {id: hash}, function(data){
    $('div#t' + hash).html(data);
});